- 作用都是遍历数组
- 参数:item(当前项), index(当前项的索引), arr(原数组),还有一个可选参数this
直接上使用方法和结果示例:
forEach
var array1 = [1,2,3,4,5];
// 不改变array1的值,且无返回值
var b1 = array1.forEach((item,index,arr) => {
item = item*2;
// return item = item*2;//不支持return返回赋值
})
console.log(array1);// [1, 2, 3, 4, 5]
console.log(b1);// undefined
var b2= array1 // b2和array1指向的地址是一样的 array1改变会同时改变b2
var b3= JSON.parse((JSON.stringify(array1))) // 只要array1的原值,b3不随array1的改变而改变
// 改变array1的值
var b4 = array1.forEach((item,index,arr) => {
arr[index]=item*2
})
console.log(array1);//[2, 4, 6, 8, 10]
console.log(b2);//[2, 4, 6, 8, 10]
console.log(b3);//[1, 2, 3, 4, 5]
console.log(b4);//undefined
var array2 = [1,'1',{num:1},true];
var b5 = array2.forEach((item,index,arr) => {
item = 2; // 不会改变
item.num = 2;// 由于对象是引用类型,新对象和旧对象指向的都是同一个地址,所以新对象把num变成了2,原数组中的对象也改变了
})
console.log(array2); // [1,'1',{num:2},true]
console.log(b5); //undefined
map
var array1 = [1,2,3,4,5];
// 返回一个经过处理后的新数组,但不改变原数组的值。
var b1 = array1.map((item,index,arr) => {
return item = item*2;
})
console.log(array1);//[1, 2, 3, 4, 5]
console.log(b1);//[2, 4, 6, 8, 10]