js数据类型转换与流程控制操作实例分析


Posted in Javascript onDecember 18, 2019

本文实例讲述了js数据类型转换与流程控制操作。分享给大家供大家参考,具体如下:

数据类型转换:

//number转换成str
// var str=a+'';
// console.log(str);
// console.log(typeof str); //转换成字符串了
var str2=a.toString(); //强制转换成 string
console.log(typeof str2);
//str转换成 number
var stringNum='789';
var num2=Number(stringNum);
console.log(num2);
console.log(typeof num2);
//特殊情况
var stringNum='789dejafdf';
var num2=Number(stringNum);
console.log(typeof num2); //结果number
console.log(num2); //结果NaN ;not a number
console.log(Boolean(num2));//结果为False
var c=5/0;
console.log(Boolean(c)); //结果为True
var d;
console.log(Boolean(d)); //结果为False

流程控制

if

var ji = 20;
if(ji >= 20){
  console.log('恭喜你,吃鸡成功,大吉大利')
}
alert('alex');//下面的代码还会执行
if (true) {
  //执行操作
}else if(true){
  //满足条件执行
}else if(true){
  //满足条件执行
}else{
 //满足条件执行
}

注意:浏览器解析代码的顺序 是从上往下执行,从左往右

逻辑与&&、逻辑或||

//1.模拟 如果总分 >400 并且数学成绩 >89分 被清华大学录入
//逻辑与&& 两个条件都成立的时候 才成立
if(sum>400 && math>90){
  console.log('清华大学录入成功')
}else{
  alert('高考失利')
}
//2.模拟 如果总分>400 或者你英语大于85 被复旦大学录入
//逻辑或 只有有一个条件成立的时候 才成立
if(sum>500 || english>85){
  alert('被复旦大学录入')
}else{
  alert('高考又失利了')
}

switch

var gameScore = 'better';
switch(gameScore){
//case表示一个条件 满足这个条件就会走进来 遇到break跳出。break终止循环。如果某个条件中不写 break,那么直到该程序遇到下一个break停止
  case 'good':
  console.log('玩的很好')
  //break表示退出
  break;
  case 'better':
  console.log('玩的老牛逼了')
  break;
  case 'best':
  console.log('恭喜你 吃鸡成功')
  break;
  default:
  console.log('很遗憾')
}

while

循环三步走:

1.初始化循环变量

2.判断循环条件

3.更新循环变量

var i = 1; //初始化循环变量
while(i<=9){ //判断循环条件
  console.log(i);
  i = i+1; //更新循环条件
}

do_while

//不管有没有满足while中的条件do里面的代码都会走一次
var i = 3;//初始化循环变量
do{
  console.log(i)
  i++;//更新循环条件
}while (i<10) //判断循环条件

for循环

for(var i = 1;i<=10;i++){
   console.log(i)
}

双重for循环

for(var i=1;i<=3;i++){
   for(var j=0;j<6;j++){
    document.write('*')
   }
   document.write('<br>')
}

作业1 打印直角三角形

                *
                **
                ***
                ****
                *****
                ******

代码:

for(var i=1;i<=6;i++){
  for(var j=1;j<=i;j++){
   document.write("*");
  }
  document.write('<br>');

2 等腰三角形

          *
         ***
        *****
       *******
      *********
     ***********

代码:

for(var i=1;i<=6;i++){ //行数
  //控制我们的空格数
  for(var s=i;s<6;s++){
    document.write(' ')
  }
  for(var j=1;j<=2*i-1;j++){
    document.write('*')
  }
  document.write('<br>')
}

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容可查看本站专题:《JavaScript操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
autoPlay 基于jquery的图片自动播放效果
Dec 07 Javascript
JS 打印界面的CSS居中代码适用所有浏览器
Mar 19 Javascript
JavaScript对数组进行随机重排的方法
Jul 22 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
Aug 24 Javascript
jqueryMobile使用示例分享
Jan 12 Javascript
Jquery实现纵向横向菜单
Jan 24 Javascript
node.js微信公众平台开发教程
Mar 04 Javascript
three.js绘制地球、飞机与轨迹的效果示例
Feb 28 Javascript
详解JavaScript调用栈、尾递归和手动优化
Jun 03 Javascript
详解js类型判断
May 22 Javascript
vue v-model的用法解析
Oct 19 Javascript
Vue 打包的静态文件不能直接运行的原因及解决办法
Nov 19 Vue.js
vue不操作dom实现图片轮播的示例代码
Dec 18 #Javascript
使用JS来动态操作css的几种方法
Dec 18 #Javascript
基于ts的动态接口数据配置的详解
Dec 18 #Javascript
H5实现手机拍照和选择上传功能
Dec 18 #Javascript
如何使用webpack打包一个库library的方法步骤
Dec 18 #Javascript
js实现上传图片并显示图片名称
Dec 18 #Javascript
js实现多图和单图上传显示
Dec 18 #Javascript
You might like
用PHP实现Ftp用户的在线管理的代码
2007/03/06 PHP
推荐Discuz!5的PHP代码高亮显示与实现可运行代码
2007/03/15 PHP
PHP高自定义性安全验证码代码
2011/11/27 PHP
解析如何修改phpmyadmin中的默认登陆超时时间
2013/06/25 PHP
php使用gettimeofday函数返回当前时间并存放在关联数组里
2015/03/19 PHP
php获取当前页面完整URL地址
2015/12/30 PHP
php设计模式之模板模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
jQuery+PHP实现图片上传并提交功能
2020/07/27 PHP
javascript中slice(),splice(),split(),substring(),substr()使用方法
2015/03/13 Javascript
对JavaScript的全文搜索实现相关度评分的功能的方法
2015/06/24 Javascript
JS验证input输入框(字母,数字,符号,中文)
2017/03/23 Javascript
js数组常用最重要的方法
2018/02/04 Javascript
HTML+JavaScript实现扫雷小游戏
2019/09/30 Javascript
jQuery Raty星级评分插件使用方法实例分析
2019/11/25 jQuery
js构造函数constructor和原型prototype原理与用法实例分析
2020/03/02 Javascript
Vue打包部署到Nginx时,css样式不生效的解决方式
2020/08/03 Javascript
JavaScript原生数组函数实例汇总
2020/10/14 Javascript
在vue中通过render函数给子组件设置ref操作
2020/11/17 Vue.js
[59:00]DOTA2-DPC中国联赛 正赛 Ehome vs PSG.LGD BO3 第一场 3月7日
2021/03/11 DOTA
Python中使用支持向量机(SVM)算法
2017/12/26 Python
用pandas中的DataFrame时选取行或列的方法
2018/07/11 Python
解决python文件双击运行秒退的问题
2019/06/24 Python
python合并多个excel文件的示例
2020/09/23 Python
python中numpy.empty()函数实例讲解
2021/02/05 Python
详解HTML5中div和section以及article的区别
2015/07/14 HTML / CSS
CHARLES & KEITH台湾官网:新加坡时尚品牌
2019/07/30 全球购物
如何删除一个表里面的重复行
2013/07/13 面试题
程序员经常用到的UNIX命令
2015/04/13 面试题
《月迹》教学反思
2014/02/19 职场文书
经典婚礼主持词
2014/03/13 职场文书
校外活动方案
2014/08/28 职场文书
2014年团员学习十八大思想汇报
2014/09/13 职场文书
处级领导班子全部召开专题民主生活会情况汇报
2014/09/27 职场文书
未婚证明书模板
2014/10/08 职场文书
元旦晚会主持词开场白
2015/05/28 职场文书
golang 实现Location跳转方式
2021/05/02 Golang