ES6中Array.map()和Array.filter()

最新推荐文章于 2023-12-15 11:11:55 发布

原创最新推荐文章于 2023-12-15 11:11:55 发布 · 571 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #es6

本文深入讲解JavaScript中Array的filter()和map()方法的使用技巧，包括如何筛选满足条件的元素生成新数组，以及如何对数组元素进行转换并生成新数组。通过实例演示了如何利用这些方法重新格式化数组中的对象。

Array.filter(),可以将满足条件的数据返回给新的数组

let arr=[1,2,3,4].filter(item=>item>2)
console.log(arr);//[3,4]

Array.map(),可以将运算结果返回给新的数组
map不会空数组进行检测
map不会改变原始数组

let arr=[1,2,3,4].map(item=>item>2)
console.log(arr);//[false,false,true,true]

使用map可以重新格式化数组中的对象

var arr = [{key:1,value:10},{key:2,value:12},{key:3,value:13}]
var newArr=arr.map(item=>{
	let obj={};
	obj.nameKey=item.key;
	obj.nameValue=item.value;
	return obj;
})
console.log(newArr);
/**
*[{nameKey: 1, nameValue: 10},{nameKey: 2, nameValue: 12},{nameKey: 3, nameValue: 13}]
*/