tableau keys de fusion et tableau de valeurs dans un objet en Javascript

Question

je:

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

Et je voudrais le convertir en cet objet:

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

En Python, il y a le langage simple, dict(zip(keys,values)). Y a-t-il quelque chose de similaire dans jQuery ou Javascript, ou dois-je le faire le long chemin?

Answer 1

fonction simple JS serait:

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

Bien sûr, vous pouvez également mettre en œuvre effectivement des fonctions comme zip, etc comme JS prend en charge les types d'ordre supérieur qui rendent ces-langage fonctionnel-ismes facile: 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

Dans le jQuery-Utils project, le module ArrayUtils dispose d'une fonction de compression implémentée.

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

Vous pouvez utiliser une fonction reduce() pour cartographier les paires clé-valeur à un objet.

/** 
 
* 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

utilisation lodash.

_.zipObject

Exemple

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

Answer 6

En tant que solution de rechange, pas déjà mentionné, je pense:

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

Answer 7

bizarre et laid mais petit

Ce n'est pas le ... répandre un mais juste pour les coups de pied.

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

Vous pouvez le faire facilement en utilisant Js ES 6 nouvelle fonctionnalité:

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' }