代码之家 › 专栏 › 技术社区 › ekjcfn3902039

销毁对象数组

javascript

ekjcfn3902039 · 技术社区 · 5 年前

我想基于某些键/值对筛选现有的对象数组。在下面的示例中,我希望结果是一个只有id和def字段的新对象数组(假设一个对象中可以有n个字段,所以我不想显式地删除abc)。但是,如果我像下面那样编写代码,那么看起来我必须一行一行地手工构建新的数组。有简单一点的班轮吗?

  const someArray = [
   {id: 1, abc: 2, def: 3},
   {id:4, abc: 6, def: 8},
   {id: 5, abc: 7, def: 9},
  ];
  const [array0, array1, array2] = someArray;
  const onlyOneRow = (({ id, def }) => ({ id, def }))(array0);

2 回复 | 直到 5 年前

Shidersz 5 年前

这可以很容易地用 map() 方法:

const someArray = [
    {id: 1, abc: 2, def: 3},
    {id:4, abc: 6, def: 8},
    {id: 5, abc: 7, def: 9},
];

let res = someArray.map(x => {return {id: x.id, def: x.def}});

console.log(res);

-1

Sebastian Weiß 5 年前

你可以使用 filter 创建一个符合您需要的新阵列。考虑这个例子:

var array1 = [
  {id: 1, abc: 2, def: 3},
  {id:4, abc: 6, def: 8},
  {id: 5, abc: 7, def: 9},
];

// pass a function to filter
const filteredArray = array1.filter(({id,def}) => x.id == 4);

console.log(filteredArray);
// expected output: Array [{id:4, abc: 6, def: 8}]

如果需要更改此筛选数组中的值,可以使用map:

const mappedArray = output.map(x => {id: x.id, def: x.def});

console.log(mappedArray);
// expected output: Array [{id:4, def: 8}]

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前