jQuery map() 函数

jQuery 的 map() 函数将对象或数组中的所有项转换为新的项数组。它将一个函数应用于对象或数组的每个项，并将结果映射到一个新数组中。

语法

参数值

map() 函数接受两个参数，定义如下。

array/object: 这是要转换的数组/对象。

callback: 这是在当前匹配元素集中对每个项调用的函数。此函数可以返回一个值数组、null 或 undefined。null 或 undefined 值用于移除项。

让我们通过一些示例来了解 map() 函数的工作原理。

示例 1

在此示例中，我们使用 jQuery.map() 函数将原始数组映射到一个新数组，并向原始数组的每个项添加值 5。

点击按钮后，函数将返回带有更新值的新数组。

输出

执行上述代码后，输出将是 -

单击给定按钮后，输出将是 -

示例 2

在此示例中，我们使用 map() 函数将新字符 J 连接到现有数组的每个元素。

点击按钮后，函数将返回带有更新值的新数组。

输出

执行上述代码后，输出将是 -

单击给定按钮后，输出将是 -

Example3

在此示例中，我们使用 map() 函数从数组中移除一些项。如果项大于 10，函数会将原始数组映射到新数组并向该项添加值 7，否则如果项小于 10，函数将移除该元素。

此处，我们使用回调函数的 null 参数来移除不满足条件的元素。点击按钮后，函数将返回带有更新值的新数组。

输出

执行上述代码后，输出将是 -

单击给定按钮后，输出将是 -

在输出中，我们可以看到小于 10 的元素被移除，大于 10 的元素增加了 7。