मर्ज कुंजी सरणी और जावास्क्रिप्ट

Question

में एक वस्तु में मूल्यों सरणी मेरे पास है:

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

और मैं यह इस वस्तु में तब्दील करना चाहते हैं:

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

अजगर में, वहाँ सरल मुहावरा है dict(zip(keys,values))। क्या jQuery या सादे जावास्क्रिप्ट में कुछ समान है, या क्या मुझे यह लंबा रास्ता तय करना है?

Answer 1

सरल जे एस समारोह होगा:

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

बेशक आप भी वास्तव में जिप, आदि के रूप में जे एस उच्च आदेश प्रकार जो इन कार्यात्मक-भाषा-वाद आसान बनाने का समर्थन करता है जैसे कार्यों को लागू कर सकता है के

: डी

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

jQuery-Utils project में, ArrayUtils मॉड्यूल में एक ज़िप कार्य लागू किया गया है।

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

आप ऑब्जेक्ट में कुंजी-मूल्य जोड़े को मैप करने के लिए reduce() फ़ंक्शन का उपयोग कर सकते हैं।

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

उपयोग lodash।

_.zipObject

उदाहरण

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

Answer 6

एक वैकल्पिक समाधान है, पहले ही उल्लेख नहीं के रूप में मुझे लगता है कि:

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

Answer 7

अजीब और बदसूरत लेकिन छोटे

यह नहीं है ... एक फैलाओ लेकिन सिर्फ किक्स के लिए।

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

आप यह कर सकते हैं आसानी से जे एस ES 6 नई सुविधा का उपयोग कर:

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