jquery数组转成键值对
在前端开发中，经常会涉及到对数组和对象的处理。当需要将一个数组转换成键值对时，我们可以使用 jQuery 中的 $.map() 和 $.each() 方法。下面就具体介绍一下这两个方法的使用。
一、$.map()方法
$.map() 方法可以将一个数组转换为另一个数组，而这个转换的过程中，我们可以对每个元素进行操作，然后返回一个新的值。它的基本语法如下：
jQuery.map( array, callback [, thisArg ] )
其中，array 表示要处理的数组，callback 表示一个回调函数，用来操作每个元素并返回一个新的值，thisArg 表示可选的上下文对象。
对于转换成键值对的场景，我们可以使用 $.map() 方法来处理原数组，将其中的每个元素转化为一个键值对对象。
例如，我们有一个数组 arr，其中包含了一些字符串元素，现在我们希望把它转换成一个键值对，其中所有元素都是键，它们的值都为 true，那么可以这样写：
var arr = ["apple"
, "
pear"
, "
banana"
, "
orange"
];
var kvObj = $.map(arr, function(item, index) {
var obj = {};
obj[item] = true;
return obj;
});
console.log(kvObj);
// [{ apple: true }, { pear: true }, { banana: true }, { orange: true }]
在上面的代码中，我们定义了一个回调函数，它接收两个参数 item 和 index。这个函数将每个元素转化成一个对象，其中元素为键，值为 true，然后将这个对象返回。最终返回的结果就是一个对象数组，每个对象都是一个键值对。
二、$.each()方法
与 $.map() 方法不同，$.each() 方法可以遍历数组或对象，并在每个元素上执行一个回调函数。回调函数的参数包括元素的键和值。
它的基本语法如下：
jQuery.each( collection, callback(indexInArray, valueOfElement) )其中，collection 表示要遍历的对象或数组，callback 表示处理每个元素的回调函数。
我们可以将一个数组转换成键值对，也可以通过 $.each() 方法来实现。
例如，我们有一个数组 arr，其中包含了一些字符串元素，现在我们希望把它转换成一个键值对，其中所有元素都是键，它们的值都为相应元素在数组中的索引位置，那么可以这样写：
var arr = ["apple"
, "
pear"
, "
banana"
, "
orange"
];
var kvObj = {};
$.each(arr, function(index, item) {
kvObj[item] = index;
});
console.log(kvObj);
// { apple: 0, pear: 1, banana: 2, orange: 3 }
在上面的代码中，我们定义了一个回调函数，它接收两个参数 index 和 item。在每次遍历到元素时，将这个元素作为键，它的索引位置作为值，存储在一个对象中。最终返回的结果就是一个键值对对象。
总结：
什么是键值对？
在开始说明 jQuery 数组转键值对的过程之前，我们先来介绍一下什么是键值对。所谓键值对，就是一个键和一个相应的值组成的一对数据。可以通过键来获取对应的值。比如说，我们可以使用 id 作为键，获取相应的姓名作为值。
为什么需要 jQuery 数组转键值对？
有时候，在编写代码的过程中，我们需要把一个数组转成键值对的形式。这种情况下，jQuery 提供了一个非常方便的方法——$.map()。通过这个方法，我们可以很容易地将数组中的数据转成键值对的形式。
如何使用 jQuery 数组转键值对？
实际上，使用 jQuery 数组转键值对非常简单。我们首先需要定义一个数组，然后使用 $.map() 方法将数组转成键值对的形式即可。具体代码如下：
```javascript
var arr = [
{
id: 1,
name: 'Tom'
},
{
id: 2,
name: 'Jerry'
}
];
var result = $.map(arr, function (obj) {
var newObj = {};
newObj[obj.id] = obj.name;
return newObj;
});
console.log(result); // => [{1: 'Tom'}, {2: 'Jerry'}]
```
如上所示，我们使用了 $.map() 这个方法，将数组 arr 中的数据转成了键值对的形式。这里用到了 JavaScript 中的新语法——箭头函数。
小结
通过这篇文章的介绍，我们可以知道什么是键值对，为什么需要 jQuery 数组转键值对，以及如何使用 $.map() 方法将数组转成键值对的形式。希望这篇文章对你的前端开发有所帮助！
