如何通过js实例分析数据类型转换及流程控制操作？

本文共计984个文字，预计阅读时间需要4分钟。

原文：本文实例讲述了JS数据类型转换与流程控制操作。分享给家长，供大家参考，具体如下：数据类型转换：//number转换为strvar str='';console.log(str);console.log(typeof str); //转换成了字符串了

改写后：本文通过实例展示了JS数据类型转换和流程控制。以下是大纲：- 数据类型转换示例： // 将数字转换为字符串 var str=''; console.log(str); console.log(typeof str); // 结果显示为字符串

本文实例讲述了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('&nbsp;') } for(var j=1;j<=2*i-1;j++){ document.write('*') } document.write('<br>') }

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

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

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