JavaScript語法

目錄

• JavaScript語法
  • 1. 流程控制
    • 1. if判斷
    • 2. 迴圈
      • 1. while迴圈
      • 2. for迴圈
      • 3 .forEach迴圈
      • 4. for...in...
• 2. Map和Set
  • 1. Map
  • 2. Set
  • 3. iterator

1. 流程控制

1. if判斷

if (){
    
}else if(){
         
}else{
    
}

2. 迴圈

1. while迴圈

注意程式避免死迴圈

while(){		//有可能不執行

}

do{				//至少執行一次

}
while(){

}

2. for迴圈

for(int i; i < 100; i++){

}
 

3 .forEach迴圈

var ages = [1, 2, 32131, 41413, 13414];

//函式
ages.forEach(function (age){
    console.log(age);
});

4. for...in...

遍歷下標

//for(var index in object){}
for(var num in ages){
    console.log(ages[num]);
}

2. Map和Set

ES6的新特性

1. Map

// //學生的成績，學生的名字
// var name = ["Tom", "Jack", "John"];
// var scores = [100, 90, 80];
var map = new Map([['Tom', 100], ['Jack', 90], ['John', 80]]);
var score = map.get('Tom');     //通過key獲得value
map.set('admin', 60);			//增加
map.delete('Jack');				//刪除
console.log(score);
 

2. Set

無序不重合的集合，可以用來去除重複元素

var set = new Set([3, 1, 2, 4, 1]); //set可以去重
set.add(7);			//新增
set.delete(4);		//刪除
console.log(set.has(3));	//是否包含某個元素

3. iterator

es6新特性，儘量使用for...of遍歷！

通過for...of實現遍歷陣列，map或者set

var arr = [3, 4, 5];
for (var x of arr){
    console.log(x);
}