JS Lodash:多维数组到对象，有一个扭曲

Question

我从多维数组开始，如下所示：

[
    ['prop1', 'prop2', 'prop3', 'prop3'],
    ['val1', 'val2', 'val3', 'val4']
]

我需要在这样的对象中转换它：

{ prop1: 'val1',
  prop2: 'val2',
  prop3: ['val3', 'val4']
}

---

通常我可以使用_.object(array[0], array[1])来解决这个问题，但是重复键的存在prop3使事情变得复杂;

实际_.object将设置prop3: 'val4'，擦除val3

有人知道我如何实现上面介绍的结果吗？

谢谢

Answer 1

我可能会做这样的事情，这很容易变成下划线 mixin：

var arr = [
    ['prop1', 'prop2', 'prop3', 'prop3'],
    ['val1', 'val2', 'val3', 'val4']
],
    keys = arr[0],
    vals = arr[1],
    obj = {};
keys.forEach( function( name, index )
{
    if ( !Object.prototype.hasOwnProperty.call(obj, name) )
    {
        obj[name] = vals[index];
    }
    else
    {
        if ( obj[name] instanceof Array )
        {
            obj[name].push( vals[index] );
        }
        else
        {
            var val = obj[name];
            obj[name] = [val, vals[index]];
        }
    }
} );

小提琴中的例子。（变成混音）

jsPerf 与基于下划线的代码进行比较。

Answer 2

只需压缩数组，然后使用自定义reduce就可以解决问题。如果您的数据arr可以包含 2 个以上的集合，那么适应这一点应该非常简单。

_.mixin({
   asArray: function(value) {//simple helper from https://github.com/jashkenas/underscore/pull/1467
     if (value == null) return [];
     if (value.length === +value.length && !_.isString(value)) return _.toArray(value);
     return [value];
   }
});

var arr = [
    ['prop1', 'prop2', 'prop3', 'prop3'],
    ['val1', 'val2', 'val3', 'val4']
];
/* ... */
_.chain(arr)
 .zip()
 .reduce(function(memo, propKey) {
   if(_.has(memo, propKey[0])) { // property already in the object. Make array if necessary and insert item at end
       (memo[propKey[0]] = _.asArray(memo[propKey[0]])).push(propKey[1]); //push value into object
   }
   else {
      memo[propKey[0]] = propKey[1];
   }
   return memo;
}, {})
 .value();

产量： {"prop1":"val1","prop2":"val2","prop3":["val3","val4"]}

如果您不想混入，可以轻松更换asArray。请参阅以前的修订版。

Answer 3

为了完整起见，我想提一下这个方法：

http://lodash.com/docs#zipObject- 或（新） _.object（）

创建由键和值数组组成的对象。提供单个二维数组，即 [[key1， value1]， [key2， value2]] 或两个数组，一个是键，一个是对应的值。

例

_.zipObject(['fred', 'barney'], [30, 40]);
// → { 'fred': 30, 'barney': 40 }

不幸的是，它不会将多个值组合成一个键的数组：

_.object(['key1', 'key2'], [1,2]);
// { key1: 1, key2: 2 }
_.object(['key1', 'key1'], [1,2]);
// { key1: 2 }
_.object(['key1'], [1,2]);
// { key1: 1 }

所以这不是你答案的真正解决方案，但我认为注意这个功能仍然很有价值。