Combinar claves de matriz y los valores de matriz en un objeto en Javascript

Question

tengo:

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

Y me gustaría convertirlo en este objeto:

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

En Python, no es la simple expresión idiomática dict(zip(keys,values)). ¿Hay algo similar en jQuery o Javascript simple, o tengo que hacer esto por el camino largo?

Answer 1

función JS simple sería:

function toObject(names, values) { 
    var result = {}; 
    for (var i = 0; i < names.length; i++) 
     result[names[i]] = values[i]; 
    return result; 
} 

Por supuesto también se puede aplicar en la práctica funciones como zip, etc como JS soporta tipos de orden superior que hacen de estos funcionales-language-ismos fáciles: D

Answer 2

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); 

Answer 3

En el jQuery-Utils project, el módulo ArrayUtils tiene una función de zip implementada.

//... 
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; 
} 
//... 

Answer 4

Se podría utilizar una función reduce() para mapear los pares clave-valor a un objeto.

/** 
 
* Apply to an existing or new object, parallel arrays of key-value pairs. 
 
* 
 
* @param {string[]} keys  - List of keys corresponding to their accociated values. 
 
* @param {object[]} vals  - List of values corresponding to their accociated keys. 
 
* @param {object} [ref={}] - Optional reference to an existing object to apply to. 
 
* 
 
* @returns {object} - The modified or new object with the new key-value pairs applied. 
 
*/ 
 
function toObject(keys, vals, ref) { 
 
    return keys.length === vals.length ? keys.reduce(function(obj, key, index) { 
 
    obj[key] = vals[index]; 
 
    return obj; 
 
    }, ref || {}) : null; 
 
} 
 

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

 
document.body.innerHTML = '<pre>' + JSON.stringify(toObject(keys, values), null, 2) + '</pre>';

Answer 5

uso lodash.

_.zipObject

Ejemplo

_.zipObject(['a', 'b'], [1, 2]); 
// ➜ { 'a': 1, 'b': 2 } 

Answer 6

Como una solución alternativa, no se ha mencionado que pienso:

var result = {}; 
    keys.forEach((key, idx) => result[key] = values[idx]); 

Answer 7

raro y feo, pero pequeña

Este no es el ... extendido, sino solo por las patadas.

let arr1 = ['key1', 'key2', 'key3']; 
let arr2 = ['1', '2', '3']; 
let obj = (((o,a,b)=>(a.forEach((c,i)=>o[c]=b[i])||o)))({}, arr1, arr2); 

https://jsfiddle.net/x78gy4yu/

Answer 8

Usted puede hacer esto fácilmente usando JS Es 6 nueva característica:

var keys = [ "height", "width" ]; 

var values = [ "12px", "24px" ]; 

var combineObject = { 
[keys.shift()] : values .shift(), 
[keys.shift()] : values .shift() 
}; 
console.log(combineObject); // { height: '12px', width: '24px' }