html遍历map,forEach()方法遍历map()方法数组遍历

1、forEach()方法//以前遍历的方法

var arr = ['苹果','西瓜','香蕉','芒果'];

for (var i=0;i

console.log(arr[i]);

}

//forEach()系统自带的方法  arr.forEach()

//第一个函数接收一个参数,这个参数表示遍历到当前的数据

//arr.forEach(function(x){

//console.log(x+'很好吃');

//})

//第一个函数接收一个参数,这个参数表示遍历到当前的数据,也可以加第二个参数，第二个参娄表示接收到当前数据的序号

//arr.forEach(function(x,y){

//console.log(x+'很好吃'+y);

//})

//第一个参数表示当前遍历到的数据

//第二个参数表示当前遍历到的序号

//第三个参数表示当前遍历到的数组

arr.forEach(function(x,y,a){

//console.log(x+'很好吃'+y+a);

console.log(a);

})

//改成箭头函数写法

arr.forEach((x,y)=>{

console.log(x+'很好吃'+y);

})

2、map()方法let  arr = [5,6,7,8,9];

//arr.map(function(x){

//

//})

//map的意思它是你传入到遍历到的数据,然后返回新的数据替换原来数据

//map()方法不会改变原数组，只是接收一下替换的原数组

//return 的值会将原数组中的对应值替换掉

//let newarr = arr.map((x)=>{

//return x*x;

//如果这里的值替换成11 返回所有上面的5个值都是11

//return 11;

//})

//map也可以接收第二个参数是:序号

//也可以接收第三个参数是数组的完整信息

let newarr = arr.map((x,y,a)=>{

//console.log('序号',y);

console.log(a);

return x*x;

})

//看一下原数组并没有改变

console.log(arr);

console.log(newarr);