快捷導(dǎo)航

js數(shù)據(jù)類型轉(zhuǎn)換與流程控制操作實(shí)例分析

更新時間：2019年12月18日 10:51:57 作者：dawn-liu

這篇文章主要介紹了js數(shù)據(jù)類型轉(zhuǎn)換與流程控制操作,結(jié)合實(shí)例形式分析了JavaScript數(shù)據(jù)類型轉(zhuǎn)換與流程控制相關(guān)原理、操作技巧與使用注意事項(xiàng),需要的朋友可以參考下

本文實(shí)例講述了js數(shù)據(jù)類型轉(zhuǎn)換與流程控制操作。分享給大家供大家參考，具體如下：

數(shù)據(jù)類型轉(zhuǎn)換：

//number轉(zhuǎn)換成str
// var str=a+'';
// console.log(str);
// console.log(typeof str); //轉(zhuǎn)換成字符串了

var str2=a.toString(); //強(qiáng)制轉(zhuǎn)換成 string
console.log(typeof str2);

//str轉(zhuǎn)換成 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); //結(jié)果number
console.log(num2); //結(jié)果NaN ；not a number
console.log(Boolean(num2));//結(jié)果為False

var c=5/0;
console.log(Boolean(c)); //結(jié)果為True

var d;
console.log(Boolean(d)); //結(jié)果為False

流程控制

if

var ji = 20;
if(ji >= 20){
  console.log('恭喜你，吃雞成功，大吉大利')
}
alert('alex');//下面的代碼還會執(zhí)行

if (true) {
  //執(zhí)行操作
}else if(true){
  //滿足條件執(zhí)行
}else if(true){
  //滿足條件執(zhí)行
}else{
 //滿足條件執(zhí)行
}

注意：瀏覽器解析代碼的順序是從上往下執(zhí)行，從左往右

邏輯與&&、邏輯或||

//1.模擬 如果總分 >400 并且數(shù)學(xué)成績 >89分 被清華大學(xué)錄入
//邏輯與&& 兩個條件都成立的時候 才成立
if(sum>400 && math>90){
  console.log('清華大學(xué)錄入成功')
}else{
  alert('高考失利')
}

//2.模擬 如果總分>400 或者你英語大于85 被復(fù)旦大學(xué)錄入
//邏輯或 只有有一個條件成立的時候 才成立
if(sum>500 || english>85){
  alert('被復(fù)旦大學(xué)錄入')
}else{
  alert('高考又失利了')
}

switch

var gameScore = 'better';
switch(gameScore){
//case表示一個條件 滿足這個條件就會走進(jìn)來 遇到break跳出。break終止循環(huán)。如果某個條件中不寫 break，那么直到該程序遇到下一個break停止
  case 'good':
  console.log('玩的很好')
  //break表示退出
  break;
  case 'better':
  console.log('玩的老牛逼了')
  break;
  case 'best':
  console.log('恭喜你 吃雞成功')
  break;
  default:
  console.log('很遺憾')
}

while

循環(huán)三步走：

1.初始化循環(huán)變量

2.判斷循環(huán)條件

3.更新循環(huán)變量

var i = 1; //初始化循環(huán)變量
while(i<=9){ //判斷循環(huán)條件
  console.log(i);
  i = i+1; //更新循環(huán)條件
}

do_while

//不管有沒有滿足while中的條件do里面的代碼都會走一次
var i = 3;//初始化循環(huán)變量
do{
  console.log(i)
  i++;//更新循環(huán)條件
}while (i<10) //判斷循環(huán)條件

for循環(huán)

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

雙重for循環(huán)

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

作業(yè)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++){ //行數(shù)
  //控制我們的空格數(shù)
  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代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運(yùn)行效果。

希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: