1. forEach遍历数组 没有返回值
const arr = ['aa', 'bb', 'cc']
arr.forEach(item=>{
console.log(item);
})
2. map遍历数组 有返回值,并且返回的是数组(数组是新数组,个数和之前的一样)
const newArr = arr.map(item => {
// console.log(item);
return item
})
console.log(newArr);
//当箭头函数里面只有一句话时,可以省略大括号,return
const newArr2 = arr.map(item => item) //效果和上面的相同
console.log(newArr2);
3. filter过滤 有返回值 数组个数和之前的可能不同
var arr2 = [{
id: 1,
name: 'aa',
done: true
},
{
id: 2,
name: 'bb',
done: false
},
{
id: 3,
name: 'cc',
done: true
}
]
const newArr3 = arr2.filter(item => {
console.log(item.done);
return item.done == true
})
console.log(newArr3);
console.log(arr2);
arr2 = arr2.filter(item=>{
return !newArr3
})
console.log(arr2);
es6语法,forEach,map,filter遍历数组
最新推荐文章于 2024-06-24 18:08:11 发布