javascript 在数组中的对象之间保留某些属性

标签 javascript arrays object ecmascript-6

我想从数组中的对象中删除每个属性,除了其中一些属性:

var listToKeep = ['name', 'school'];

var arrayOfObjects = [{id:'abc',name:'oh', school: 'a', sport: 'a'},
                      {id:'efg',name:'em', school: 'b', sport: 's'},
                      {id:'hij',name:'ge', school: 'c', sport: 'n'}]

我正在尝试这样做,但这只是尝试删除一个:

arrayOfObjects .forEach(function(v){ delete v.id});

预期结果是:

var arrayOfObjects = [{name:'oh', school: 'a'},
                          {name:'em', school: 'b'},
                          {name:'ge', school: 'c'}]

我不想使用for循环

最佳答案

您可以将数组中的每一项映射到新的一项,这是通过减少要保留的键列表来创建的:

const newArray = arrayOfObjects.map(obj => listToKeep.reduce((newObj, key) => {
  newObj[key] = obj[key]
  return newObj
}, {}))

如果要改变原始对象并删除属性,可以使用两个 forEach 循环和删除运算符:

arrayOfObjects.forEach(obj => listToKeep.forEach((key) => {
  delete obj[key]
}, {}))

如果您可以使用lodash或类似的库,您可以选择对象的属性,例如:

const newArray = arrayOfObjects.map(obj => _.pick(obj, listToKeep))

关于javascript 在数组中的对象之间保留某些属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50201824/

相关文章:

javascript - 使用 onkeyup 调用 javascript 函数

javascript - 将数据对象从 Vue for 循环传递到组件

javascript - Node.js - console.log 不显示数组中的项目而是显示 [Object]

javascript - 使用提交按钮时 ajax 调用不起作用

javascript - 有没有办法unjs(比如uncss)

javascript - 如何在 javascript 中渲染二值图像

arrays - 在具有 O(1) 空间的四个(单独)排序数组中查找中位数

c++ - 返回并使用指向另一个类的多维数组的指针

JavaScript : unable to merge two arrays

javascript - 为什么 Date 不能被实例化为不是构造函数?以及其他困惑