1. 資料型別轉換

1.1 將數值型別轉換成字串型別

1.1.1 隱式轉換

在js中，當運算子在運算時，如果兩邊資料不統一，CPU就無法計算，這時我們編譯器會自動將運算子兩邊的資料做一個資料型別轉換，轉成一樣的資料型別再計算，

這種無需程式員手動轉換，而由編譯器自動轉換的方式就稱為隱式轉換，

例如1 > "0"這行代碼在js中并不會報錯，編譯器在運算子時會先把右邊的"0"轉成數字0`然后在比較大小，

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

1.1.2 強制型別轉換

強制型別轉換是非常常用的技術，雖然它曾經導致了很多隱蔽的 BUG ，但是我們不應該因噎廢食，只有理解它的原理才能享受其帶來的便利并減少 BUG 的產生，

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

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

1.2 將字串型別轉換成數值型別

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

// parseInt()可以決議一個字串 并且回傳一個整數
console.log(parseInt(stringNum))
console.log(parseFloat(stringNum));

1.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))

2. 流程控制

JavaScript的流程控制語法和java的很相似，所以大家可以看我的java基礎-流程控制和流程控制(續) 內容比這個寫的詳細

2.1 if判斷陳述句

2.1.1 if格式

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

2.1.2 if-else格式

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

}

2.1.3 if-else if-else格式

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

2.2 邏輯與&&、邏輯或||

案例1：

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

案例2：

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

2.3 switch

var gameScore = 'better';

switch(gameScore){

//case表示一個條件 滿足這個條件就會走進來 遇到break跳出，如果某個條件中不寫 break，那么直到該程式遇到下一個break停止
    case 'good':
    console.log('玩的很好')
    //break表示退出
    break;
    case  'better':
    console.log('玩的老牛逼了')
    break;
    case 'best':
    console.log('恭喜你 吃雞成功')
    break;

    default:
    console.log('很遺憾')

}

2.4 while回圈

回圈三步走：

1.初始化回圈變數

2.判斷回圈條件

3.更新回圈變數

var i = 1; //初始化回圈變數

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

2.5 do_while

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

    console.log(i)
    i++;//更新回圈條件

}while (i<10) //判斷回圈條件

2.6 for回圈

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

for回圈可以嵌套使用，

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/171273.html

標籤：JavaScript

上一篇：Web前端基礎(7):JavaScript(一)

下一篇：模塊加載原理（第二種）

Web前端基礎(8):JavaScript(二)