Question

我有几个如下所示的数组：

var foo = ['id', 'first', 'last'];
var student1 = ['1', 'sam', 'smith'];
var student2 = ['2', 'jon', 'murphy'];

是否有一个有效的工具，可能使用像underscore.js或vanilla javascript这样的库，它允许您将这三个数组转换为如下所示的对象：

var finalObj = [ {'id' => 1, 'first' => 'sam', 'last' => 'smith'}, {'id' => 2, 'first' => 'jon', 'last' => 'murphy'} ];

Answer 1

普通Javascript中的解决方案

＆＃13;

var foo = ['id', 'first', 'last'],
    student1 = ['1', 'sam', 'smith'],
    student2 = ['2', 'jon', 'murphy'],
    result = [student1, student2].map(function (a) {
        var o = {};
        foo.forEach(function (k, i) {
            o[k] = a[i];
        });
        return o;
    });

console.log(result);

＆＃13;

ES6与Array#reduce

＆＃13;

var keys = ['id', 'first', 'last'],
    st1 = ['1', 'sam', 'smith'],
    st2 = ['2', 'jon', 'murphy'],
    result = [st1, st2].map(a => keys.reduce((o, k, i) => (o[k] = a[i], o), {}));

console.log(result);

＆＃13;

Answer 2

假设数组的顺序总是重要的（它总是ID，First，Last） - 你可以这样做：

var people = [student1, student2]; //create 2d array
var finalObj = people.reduce(function(final, person) {
    var obj = {};
    obj[foo[0]] = person[0]
    obj[foo[1]] = person[1]
    obj[foo[2]] = person[2]
    final.push(obj);
    return final;
}, []);

//[Objectfirst: "sam"id: "1"last: "smith"__proto__: Object, Objectfirst: "jon"id: "2"last: "murphy"__proto__: Object]

Answer 3

下划线可以提供帮助，例如：

_.map( [student1, student2], function(arr) {
     return _.object(foo, arr);
})

将javascript中的数组组合成一个哈希数组，其中一个数组是所有键，其余的是值

3 个答案: