返回

只利用内建扩展:巧用array.filter, array.map, array.forEach解决日常编码难题!

前端

一、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中非常有用的数组扩展方法。我们可以利用这些方法来遍历、筛选和映射数组元素,从而简化代码并提高效率。