Jquery中map函数的用法

以下是关于Jquery中map函数的用法的完整攻略：

1. 简介

Jquery 中的 map() 函数是一种遍历函数，它能够将一个数组或对象中的每个元素传递给指定的回调函数进行处理，并将所有回调函数返回值组合成一个新的数组或对象返回。它与 forEach() 和 each() 函数类似，但是不同之处在于它可以设置回调函数的返回值，并将这些返回值组合成一个新的数组或对象返回。

2. 语法

map() 函数的基本语法如下：

$.map(array, callback)

其中：

• array是需要遍历的数组或对象；
• callback是回调函数，在函数中对每个数组或对象元素进行处理。

3. 示例说明

下面，我们将通过两个示例来说明Jquery中map函数的用法。

示例1：将数值数组每个元素增加一定倍数

我们定义一个数值数组arr，然后将数组中每个元素增加一定倍数，并将结果存储在一个新的数组中。

var arr = [1,2,3,4,5];
var new_array = $.map(arr, function(val,index) {
  return val * 2;
});
console.log(new_array);//输出：[2, 4, 6, 8, 10]

上述代码中，我们首先定义了一个数值数组arr，然后使用 map() 函数将 arr 数组中的每个元素传递给回调函数。在回调函数中，我们将传递进来的元素，即 val，乘以2并返回，最后将所有的返回值组合成一个新的数组new_array返回。最终，我们在控制台中输出这个新的数组。

示例2：将对象数组中某个属性提取出来组成新的数组

接下来，我们来解释一个稍微复杂一些的示例。我们定义一个对象数组obj_arr，其中每个对象都包含了一个 name 属性和一个 age 属性，我们要将所有 name 属性提取出来并组成一个新的数组。

var obj_arr = [
  { name: "Tom", age: 25 },
  { name: "Jerry", age: 23 },
  { name: "Mike", age: 28 }
];
var name_arr = $.map(obj_arr, function(val,index) {
  return val.name;
});
console.log(name_arr);//输出：["Tom", "Jerry", "Mike"]

上述代码中，我们定义了一个对象数组obj_arr，然后使用 map() 函数将 obj_arr 数组中的每个元素传递给回调函数。在回调函数中，我们将传递进来的元素，即 val，的 name 属性提取出来并返回，最终将所有返回值组合成一个新的数组name_arr返回。最终，我们在控制台中输出这个新的数组。

4. 总结

综上所述，我们可以看到，Jquery 中的 map() 函数能够很方便地实现数组或对象的遍历，并将处理后的结果组合成一个新的数组或对象。在实际开发中，我们可以根据具体情况使用 map() 函数来快速地实现一些复杂的数据处理。