forEach与map的使用方法

  • 作用都是遍历数组
  • 参数: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]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值