Javascript でキー配列と値配列をオブジェクトにマージします。

Question

私は持っている：

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

そして、それをこのオブジェクトに変換したいと思います。

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

Python には、次のような簡単なイディオムがあります。 dict(zip(keys,values)). 。jQuery やプレーンな Javascript にも同様のものはありますか、それともこれを長い道のりで行う必要がありますか?

Answer 1

シンプルなJS関数は以下のようになります：

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

JSが簡単にこれらの機能言語-ISMSを作るより高次の種類をサポートして

もちろん、あなたも実際に郵便番号、などのような機能を実装することができます：D

Answer 2

lodashを使用します。

  

_.zipObjectする

例

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

Answer 3

アレイreduceを使用して、最も単純なES6ワンライナー溶液

const keys = ['height', 'width'];
const values = ['12px', '24px'];
const merged = keys.reduce((obj, key, index) => ({ ...obj, [key]: values[index] }), {});

Answer 4

の代替策として、私は考えていないすでに述べます：

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

Answer 5

心の中で不変性を持つ機能的なアプローチます：

const zipObj = xs => ys => xs.reduce( (obj, x, i) => ({ ...obj, [x]: ys[i] }), {})

const arr1 = ['a', 'b', 'c', 'd']
const arr2 = ['e', 'f', 'g', 'h']

const obj = zipObj (arr1) (arr2) 

console.log (obj)

Answer 6

あなたがオブジェクトにキーと値のペアをマップするために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>';