js 数组map过滤写法 -回复

js 数组map过滤写法-回复

JavaScript中的数组方法map和filter是非常常用的。它们分别用于对数组元素进行转换和筛选。本文将详细介绍这两个方法的用法，并结合实例进行演示。

首先，我们来看一下map方法的用法。map方法用于对数组的每个元素进行操作，并返回一个新的数组。它接受一个函数作为参数，这个函数会被依次应用到每个数组元素上。这个函数可以接受三个参数：当前元素的值，当前元素的索引和原始数组。

下面是一个使用map方法的例子：

javascript

const numbers = [1, 2, 3, 4, 5];

const doubledNumbers = numbers.map((number) => number * 2); console.log(doubledNumbers); [2, 4, 6, 8, 10]

在这个例子中，我们定义了一个包含一些数字的数组numbers。然后，我们使用map方法将数组中的每个元素都乘以2，并将结果存储在一个新的数组doubledNumbers中。最后，我们使用console.log输出了这个新的数组。

除了对数组元素进行简单的计算外，我们还可以通过map方法将数组中的元素转换为其他类型的值。例如，我们可以将字符串数组中的每个元素都转换为大写字母。下面是一个使用map方法的例子：

javascript

const names = ['alice', 'bob', 'charlie'];

const uppercaseNames = names.map((name) =>

name.toUpperCase());

console.log(uppercaseNames); ['ALICE', 'BOB', 'CHARLIE']

在这个例子中，我们定义了一个包含一些名字的数组names。然后，我们使用map方法将数组中的每个元素都转换为大写字母，并将结果存储在一个新的数组uppercaseNames中。最后，我们使用console.log输出了这个新的数组。

接下来，我们来看一下filter方法的用法。filter方法用于对数组中的元素进行筛选，并返回一个新的数组。它接受一个函数作为参数，这个函数会被依次应用到每个数组元素上。这个函数需要返回一个布尔值，用于确定当前元素是否应该包含在结果数组中。

下面是一个使用filter方法的例子：

javascript

const numbers = [1, 2, 3, 4, 5];

const evenNumbers = numbers.filter((number) => number 2

=== 0);

console.log(evenNumbers); [2, 4]

在这个例子中，我们定义了一个包含一些数字的数组numbers。然后，我们使用filter方法筛选出数组中的偶数，并将结果存储在一个新的数组evenNumbers中。最后，我们使用console.log输出了这个新的数组。

除了简单的筛选外，我们还可以通过filter方法对数组元素进行更复杂的条件判断。例如，我们可以筛选出年龄大于等于18岁的人。下面是一个使用filter方法的例子：

javascript

const people = [

{ name: 'alice', age: 20 },

{ name: 'bob', age: 17 },

{ name: 'charlie', age: 25 }

];

const adults = people.filter((person) => person.age >= 18); console.log(adults); [{ name: 'alice', age: 20 }, { name: 'charlie', age: 25 }]

在这个例子中，我们定义了一个包含一些人员信息的数组people。然后，我们使用filter方法筛选出年龄大于等于18岁的人，并将结果存储在一个新的数组adults中。最后，我们使用console.log输出了这个新的数组。

总结一下，map和filter是JavaScript中非常实用的数组方法。它们分别用于对数组元素进行转换和筛选。通过合理地使用这两个方法，我们可以避免写很多重复的代码，提高开发效率。希望本文能对你有所帮助！