05-數據類型轉換

語言中我們的數據類型有很多，在某個頁面中展示的數據類型也不同，比如說電話號碼我就要求number的類型，而輸入姓名的時候就要求string類型的。那么在適當的情況下我們可以將數據類型進行轉換。

1.將數值類型轉換成字符串類型

隱式轉換

var n1 = 123;
var n2 = '123';
var n3 = n1+n2;
// 隱式轉換
console.log(typeof n3);

強制類型轉換

// 強制類型轉換String(),toString()
var str1 = String(n1);
console.log(typeof str1);

var num = 234;
console.log(num.toString())

2.將字符串類型轉換成數值類型

var  stringNum = '789.123wadjhkd';
var num2 =  Number(stringNum);
console.log(num2)

// parseInt()可以解析一個字符串 並且返回一個整數
console.log(parseInt(stringNum))
console.log(parseFloat(stringNum));

3.任何數據類型都可以轉換為boolean類型

var b1 = '123';
var b2 = 0;
var b3 = -123

var b4 = Infinity; 
var b5 = NaN;

var b6; //undefined
var b7 = null;

// 非0既真
console.log(Boolean(b7))

 

 

 

 

 

06-流程控制

 

1.if 、if-else、if-else if-else

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

var ji  = 20;
if(ji>=20){
    console.log('恭喜你，吃雞成功，大吉大利')
}else{
    console.log('很遺憾 下次繼續努力')

}

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

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

2.邏輯與&&、邏輯或||

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

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

3.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('很遺憾')

}

4.while循環

循環三步走：

1.初始化循環變量

2.判斷循環條件

3.更新循環變量

var i = 1; //初始化循環變量

while(i<=9){ //判斷循環條件
    console.log(i);
    i = i+1; //更新循環條件
}

練習：將1-100所有是2的倍數在控制台中打印。使用while循環

5.do_while

 

//不管有沒有滿足while中的條件do里面的代碼都會走一次
var i = 3;//初始化循環變量
do{

    console.log(i)
    i++;//更新循環條件

}while (i<10) //判斷循環條件

6.for循環

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

課堂練習：

for(var i = 1;i<=100;i++){
    if(i%2==0){
        //是偶數
        console.log(i)
    }
}

1-100之間所有數之和

var sum = 0;
for(var j = 1;j<=100;j++){
    sum = sum+j
}
console.log(sum)

雙重fo循環

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>')
                
            }