javascript - 获取数组字段名称

Question

所以我有这种来自 json 的数组

data : [{
    article_categories : {
        id : "xxx",
        name : "xxx"
    },
    article : "xxx",
    publisher : "xxx"
}]

我想为这些数组创建另一个多维数组，并且我想保留字段名称(名称“article”，“publisher”等)数组)，其中有值，但我不知道获取字段名称

我还想做一些条件 if 通过检查此数组来仅将某些字段包含到我的新数组中

thead: [
    { key: "article"},
    { key: "article_categories.name"},
    .....
]

所以最后会有这样的数组

newArray: [
 {article:"xxx",publisher: "xxx",article_categories.name:"xxx"},
 {article:"xxx",publisher: "xxx",article_categories.name:"xxx"}
 ....
]

如何做到这一点？我试过了

thead.forEach(function(column){
  data.forEach(function(key,value){
      if(column.key == key){
         newArray[key] = value
      }
  })
})

但它只是不起作用......

Answer 1

如果您愿意使用 lodash ，就会如此简单。 Lodash 使用 .get() 方法可以高效地计算 JSON 表达式，因此您无需费心针对对象计算表达式。

.chain() 锦上添花，使代码更易于阅读，但在后台执行许多复杂的操作。

尝试以下代码片段:

var keys = [{
    key: "article"
  },
  {
    key: "article_categories.name"
  }
];

var data = [{
  article_categories: {
    id: "xxx",
    name: "xxx"
  },
  article: "xxx",
  publisher: "xxx"
}];

var result = _.chain(data)
  .map(function(item) {
    var object = {};

    keys.forEach(function(key) {
      object[key.key] = _.get(item, key.key);
    });

    return object;
  })
  .value();

console.log(result);

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