Question

有没有更简单的方法来实现下面的代码？使用lodash的答案也将被接受。

var obj = {
    dataTable: {
      column1: ["1"],
      column2: ["2"],
      column3: ["3"]
    },
    dataTable2: {
      column4: ["4"],
      column5: ["5"],
      column6: ["6"]
    }     
}    

var result = {};
var keys = Object.keys(obj);

keys.forEach(function(key) {
  var fields = Object.keys(obj[key]);
  fields.forEach(function(field) {
    result[field] = obj[key][field][0];
  });
});

console.log(result)
---> {column1: "1", column2: "2", column3: "3", column4: "4", column5: "5", column6: "6"}

Answer 1

您可以使用两个for...in循环

执行此操作

var obj = {
  dataTable: {
    column1: ["1"],
    column2: ["2"],
    column3: ["3"]
  }, 
  dataTable2: {
    column4: ["4"],
    column5: ["5"],
    column6: ["6"]
  }     
}, result = {}

for (p in obj) {
  for (a in obj[p]) {
    result[a] = obj[p][a].join('');
  }
}

console.log(result);

Answer 2

您可以使用forOwn函数（https://lodash.com/docs#forOwn）

 var result = {};
    _.forOwn(object, function(value, key){
      result[key] = value[0];
    })

对于2级嵌套，您可以使用该方法两次：

var result = {};
_.forOwn(obj, function(value1, key){
  _.forOwn(value1, function(value2, key){
    result[key] = value2[0];
  })
})

Answer 3

您可以使用递归：

myFn= (u,o,k)=> {
    if (o.map == [].map) u[k] = o[0];
    else for (k in o) myFn(o[k],k)
}

上述功能将搜索所有嵌套级别，并相应地填充您的对象。

要使用，请执行以下操作：

var output = {};
myFn(output, obj);

console.log(output);
// {column1: "1", column2: "2", column3: "3", column4: "4", column5: "5", column6: "6"}

Answer 4

ES6真正发挥作用的任务。

const res = Object.assign(...Object.keys(obj).map(x => obj[x]))
Object.keys(res).forEach(x => res[x] = res[x][0])

Answer 5

以下是使用reduce()至merge()所有datatable个对象的lodash解决方案，然后使用mapValues()通过{head()设置每个column值{3}}

<强> DEMO

var result = _.chain(obj)
  .reduce(_.merge) // merge all values
  .mapValues(_.head) // set the first item of the array as the value
  .value();

Javascript - 映射对象成员以返回新的展平对象

5 个答案: