在 JavaScript 中将平面数组 [k1,v1,k2,v2] 转换为对象 {k1:v1,k2:v2}？

Question

在javascript中是否有一种简单的方法来获取一个平面数组并将其转换为一个对象，其中数组的偶数索引成员作为属性，奇数索引成员作为相应的值（类似于ruby的Hash[*array] ）？

例如，如果我有这个：

[ 'a', 'b', 'c', 'd', 'e', 'f' ]

然后我想要这个：

{ 'a': 'b', 'c': 'd', 'e': 'f' }

到目前为止我想出的最好的似乎比它必须的更冗长：

var arr = [ 'a', 'b', 'c', 'd', 'e', 'f' ];
var obj = {};
for (var i = 0, len = arr.length; i < len; i += 2) {
    obj[arr[i]] = arr[i + 1];
}
// obj => { 'a': 'b', 'c': 'd', 'e': 'f' }

有没有更好、更简洁或更优雅的方法来做到这一点？ （或者我最近用 ruby​​ 编程太多了？）

我正在寻找 vanilla javascript 中的答案，但如果使用undercore.js或jQuery有更好的方法来做到这一点，我也会感兴趣。 性能并不是真正的问题。

Answer 1

很确定这会起作用并且更短：

var arr = [ 'a', 'b', 'c', 'd', 'e', 'f' ];
var obj = {};
while (arr.length) {
    obj[arr.shift()] = arr.shift();
}

请参阅shift() 。

Answer 2

var arr = [ 'a', 'b', 'c', 'd', 'e', 'f' ];
var obj = arr.reduce( function( ret, value, i, values ) {

    if( i % 2 === 0 ) ret[ value ] = values[ i + 1 ];
    return ret;

}, { } );

Answer 3

如果您多次需要它，您还可以向 Array.prototype 添加一个方法：

Array.prototype.to_object = function () {
  var obj = {};
  for(var i = 0; i < this.length; i += 2) {
    obj[this[i]] = this[i + 1]; 
  }
  return obj
};

var a = [ 'a', 'b', 'c', 'd', 'e', 'f' ];

a.to_object();    // => { 'a': 'b', 'c': 'd', 'e': 'f' }

Answer 4

您可以先将数组分成两组：

[['a', 'b'], ['c', 'd'], ['e', 'f']]

所以这是Object.fromEntries()使用的有效格式，它将为您构建您的对象：

 const chunk = (arr, size) => arr.length ? [arr.slice(0, size), ...chunk(arr.slice(size), size)] : []; const arr = ['a', 'b', 'c', 'd', 'e', 'f']; const res = Object.fromEntries(chunk(arr, 2)); console.log(res); // {a: "b", c: "d", e: "f"}

使用 underscore.js 和 lodash，您不需要自己实现chunk()方法，而是可以使用_.chunk() ，这是两个库中内置的方法。 上面的完整 lodash 等效项将是：

// lodash
> _.fromPairs(_.chunk(arr, 2)); 
> {a: "b", c: "d", e: "f"}

使用_.fromPairs提供更好的浏览器支持，所以如果使用 lodash，它比Object.fromEntries()更受欢迎

同样，如果您使用 underscore.js 来构建对象，我们可以使用_.object() ：

// underscore.js
> _.object(_.chunk(arr, 2));
> {a: "b", c: "d", e: "f"}