JavaScript

超轻量级php框架startmvc

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

更新时间:2020-09-27 21:18:01 作者:startmvc
本文实例讲述了js数据类型转换与流程控制操作。分享给大家供大家参考,具体如下:数据

本文实例讲述了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.jb51.net/code/HtmlJsRun测试上述代码运行效果。

js 数据类型转换 流程控制