数组的map与forEach方法

forEach

forEach语句形式，如：

var arr[1,2,3,4,5,6];
arr forEach(function(数组中的元素，每个元素对应的下标，数组自身){

})
arr forEach(function(a,b,c){
		console.log(a,b,c)
})

为更好的加深理解，例题奉上：
例1:求数组中所有元素的和：

var arr=[1,2,3,5,6,7,8,9];
var sum=0;
for(var i=0;i<arr.length;i++){
sum+=arr[i];
}
console.log(sum);

例2:求数组中所有元素的和：

var arr=[2,,6,,8,3,2];
var arr1=[];
arr.forEach(function(item,index){
arr1=[index]=item;
})
console.log(arr1);
//注：使用forEach可以跳过空元素

注：forEach没有返回值，使用return返回无效

Map

map:会返回一个与元素组长度相等的新数组
map语句形式，如：

var arr[1,2,3,4,5,6];
arr forEach(function(数组中的元素，每个元素对应的下标，数组自身){

})
arr forEach(function(item,index,arr){
		console.log(item,index,arr)
})

例1：

var arr=[3,5,7,9,1,2,4];
var arr2=arr.map(function(item,index,arr){
console.log(item,index,arr);
return "a";  //在map中使用return就是在对应的下标中添加对应的数据；
return item+10;
});
console.log(arr2);

例2：

var arr=[1,3,5,7,2,4,6,8];
var arr1=arr.map(function(item){
if(item>4){
return item;
}
});
console.log(arr1);

商品案例：

<script>
var arr=[
            {id:1001,name:"电视",price:4500},
            {id:1002,name:"电脑",price:6500},
            {id:1003,name:"冰箱",price:2000},
            {id:1004,name:"洗衣机",price:1000},
            {id:1005,name:"手机",price:5500}
        ];
        
        arr.forEach(function(item){
            item.num=parseInt(Math.random()*9+1);
            item.total=item.price*item.num;
        })
        console.log(arr); */
    	var arr1=arr.map(function(item){
            item.num=parseInt(Math.random()*9+1);
            item.total=item.price*item.num;
            return item;
        })
        console.log(arr1,arr); 

        // 不改变原数组，完成一个新数组，里面有num和总价

        var arr1=arr.map(function(item){
            var o={};
            for(var prop in item){
                o[prop]=item[prop];
            }
            o.num=parseInt(Math.random()*9+1);
            o.total=o.price*o.num;
            return o;
        })

        console.log(arr1,arr); 
        </script>