遍歷數組和對象的方法

 

遍歷數組：

 

 1.map()   返回一個新的Array，每個元素為調用func的結果

var num = [65, 44, 12, 4];
num.map((ele)=>{  return ele+1  })   //[66, 45, 13, 5]

　

2.filter():返回一個符合func條件的元素數組　

var ages = [32, 33, 16, 40];
ages.map((age)=>{return age>32})
// [false, true, false, true]
var ages = [32, 33, 16, 40];
ages.filter((age)=>{  return age>32  })
// [33, 40]

 

3.some():返回一個boolean，判斷是否有元素是否符合func條件(有一個就行, 一true即返)

var ages = [3, 10, 18, 20];
ages.some((age) => { return age>22 })   //false
var ages = [3, 10, 18, 20];
ages.some((age) => { return age>19 })   //true

 

4.every():返回一個boolean，判斷每個元素是否符合func條件（所有都判斷，一false即返）

var ages = [3, 10, 18, 20];
ages.every((age) => { return age>19 }) //false
var ages = [3, 10, 18, 20];
ages.every((age) => { return age>2 })  //true

　

5.forEach():沒有返回值，只是針對每個元素調用func

var ages = [3, 10, 18, 20];
var age2 = []
ages.forEach((age) => { age2.push(age+1) })
age2 : [4, 11, 19, 21]

　　

 

遍歷對象：

 

1.for..in: 遍歷對象key值：

const obj = { id:1,name:'zhangsan',age:18}

for(let key  in obj){
    console.log(key + '---' + obj[key])
}

 

2. Object.keys（obj）: 返回對象key值數組

  

 console.log(Object.keys(obj))  //['id','name','age']
 console.log(Object.values(obj))  //['1','zhangsan','18']

　　

對象合並

  Object.assign() ：將一個或多個源對象復制到目標對象

const target = { a: 1, b: 2 };
const source = { b: 4, c: 5 };
const returnedTarget = Object.assign(target, source);
//target： { a: 1, b: 4, c: 5 }
//returnedTarget: { a: 1, b: 4, c: 5 }