在JavaScript中将键数组和值数组合并为一个对象

Question

在JavaScript中将键数组和值数组合并为一个对象

59

我有：

var keys = [ "height", "width" ];
var values = [ "12px", "24px" ];

我想把它转换成这个对象：

{ height: "12px", width: "24px" }

在Python中，有一个简单的习语dict(zip(keys,values))。在jQuery或纯JavaScript中是否有类似的东西，还是我必须走一条漫长的路？

- itsadok

使用underscore.js的同一个问题：如何使用underscore将两个键值数组合并为一个对象。 - Sebastian Simon

14个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Artem Barger · Answer 1

function combineObject( keys, values)
{
    var obj = {};
    if ( keys.length != values.length)
       return null;
    for (var index in keys)
        obj[keys[index]] = values[index];
     return obj;
};


var your_obj = combine( your_keys, your_values);

- live627 · Answer 2

这是一个可以将嵌套数组转换为多个键值对象数组的方法。

var keys = [
  ['#000000', '#FFFFFF'],
  ['#FFFF00', '#00FF00', '#00FFFF', '#0000FF'],
];
var values = [
  ['Black', 'White'],
  ['Yellow', 'Green', 'Cyan', 'Blue'],
];
const zipObj = xs => ys => xs.reduce( (obj, x, i) => ({ ...obj, [x]: ys[i] }), {})
var array = keys.map((el, i) => zipObj (keys[i]) (values[i]));

console.log(array);

输出为。

[
  {
    "#000000": "Black",
    "#FFFFFF": "White"
  },
  {
    "#FFFF00": "Yellow",
    "#00FF00": "Green",
    "#00FFFF": "Cyan",
    "#0000FF": "Blue"
  }
]

- varad_s · Answer 3

提供一个使用for...of循环的解决方案。

var keys = ["height", "width"];
var values = ["12px", "24px"];
const result = {};
for (let [index, key] of keys.entries())
  result[key] = values[index];
console.log(result);

You can also use a library like ramda which has zipObj function. Example:

const keys = ["height", "width"];
const values = ["12px", "24px"];
const result = R.zipObj(keys, values);
console.log(result);

- Christian C. Salvadó · Answer 4

在jQuery-Utils 项目中，ArrayUtils 模块实现了 zip 函数。

//...
zip: function(object, object2, iterator) {
    var output = [];
    var iterator = iterator || dummy;
        $.each(object, function(idx, i){
        if (object2[idx]) { output.push([i, object2[idx]]); }
    });
    return output;
}
//...