返回
只利用内建扩展:巧用array.filter, array.map, array.forEach解决日常编码难题!
前端
2023-10-10 08:41:08
一、JSON与数组的联系
JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它基于JavaScript对象的语法。JSON与数组之间存在着密切的联系。JSON数据通常表示为一个对象或一个数组,而数组也是JavaScript中的一种数据类型。
二、forEach():遍历
forEach()方法用于遍历数组的每个元素,并将元素传递给回调函数。回调函数是一个函数,它接收数组的每个元素作为参数,并对每个元素执行某种操作。forEach()方法的语法如下:
array.forEach(function(element, index, array) {
// 对每个元素执行某种操作
});
例如,以下代码使用forEach()方法来遍历数组中的每个元素,并输出每个元素的值:
const arr = [1, 2, 3, 4, 5];
arr.forEach((element) => {
console.log(element);
});
输出结果为:
1
2
3
4
5
三、filter():筛选、过滤
filter()方法用于从数组中筛选出满足特定条件的元素,并返回一个由满足条件的元素组成的数组。filter()方法的语法如下:
array.filter(function(element, index, array) {
// 返回true表示保留元素,返回false表示移除元素
});
例如,以下代码使用filter()方法从数组中筛选出所有大于3的元素:
const arr = [1, 2, 3, 4, 5];
const filteredArr = arr.filter((element) => {
return element > 3;
});
console.log(filteredArr);
输出结果为:
[4, 5]
四、map():映射
map()方法用于对数组中的每个元素执行某种操作,并将操作结果组成一个新数组。map()方法的语法如下:
array.map(function(element, index, array) {
// 返回一个新的值
});
例如,以下代码使用map()方法将数组中的每个元素乘以2:
const arr = [1, 2, 3, 4, 5];
const mappedArr = arr.map((element) => {
return element * 2;
});
console.log(mappedArr);
输出结果为:
[2, 4, 6, 8, 10]
通过以上示例,我们可以看到,forEach()、filter()和map()方法是JavaScript中非常有用的数组扩展方法。我们可以利用这些方法来遍历、筛选和映射数组元素,从而简化代码并提高效率。