Question

我需要将数组或数组数组转换为具有从名称数组命名的键的对象。例如：

//given names
    names = ['first', 'second', 'third', 'fourth'] 
//array
    param = [1, 2, 3, 4] 
//becomes 
    result = {first: 1, second: 2, third: 3, fourth: 4}

//array of arrays 
    param = [
      [1, 2, 3, 4],
      [-4, 3, 1, 32],
    ]
//becomes
    result = [
      {first: 1, second: 2, third: 3, fourth: 4},
      {first: -4, second: 3, third: 1, fourth: 32},
    ]

我目前的解决方案是：

    var names = ['first', 'second', 'third', 'forth'];

    function arrayToObject(array, names) {
      var result = {};
      for (var i = 0; i < array.length; i++) {
        if (typeof array[i] === 'object') {
          result[i] = arrayToObject(array[i], names);
          continue;
        }
        result[names[i]] = array[i];
      }
      return result;
    }

这个解决方案的问题在于它总是返回一个对象，但是当我传入一个数组数组时它应该返回一个对象数组。有没有办法用lodash做到这一点，我没有看到它？

Answer 1

Vanilla JS：一个从数组中创建对象的函数：

function toObj(arr) {
  return arr.reduce(function(p, c, i) {
    p[names[i]] = c;
    return p;
  }, {});
}

与map：

一起使用

var out = arr.map(toObj);

DEMO

Answer 2

您可以使用_.zipObject()将两个数组压缩到一个对象中。您实际上是将带有标头的CSV数据映射到JavaScript对象。

您可以尝试搜索JavaScript CSV转换器。你可能会发现一些有趣的结果。

＆＃13;

// Given names
var names = [ 'first', 'second', 'third', 'fourth' ]; 
// Array
var param = [ 1, 2, 3, 4 ];
// Becomes 
var result = _.zipObject(names, param);

document.body.innerHTML = JSON.stringify(result, null, 2);

// Array of arrays 
var param = [
  [ 1, 2, 3, 4 ],
  [ -4, 3, 1, 32 ],
];
// Becomes
var result = _.chain(param).map(function(p) {
	return _.zipObject(names, p)
}).value();

document.body.innerHTML += '\n\n' + JSON.stringify(result, null, 2);

＆＃13;

body {
  font-family: monospace;
  white-space: pre;
}

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.6.1/lodash.min.js"></script>

＆＃13;

使用lodash将数组转换为对象

2 个答案: