javascript - 如何从 js 中的数组对象中仅获取少量属性

标签 javascript arrays reactjs oop javascript-objects

我试图从数组对象中仅获取 2 个属性。

这是我的数组:

 [
0: {_id: '621723ddc1f73de5f7e4dcb9', label: 'new 22', slug: 'new-22', vendor: 'admin', options: Array(1)}
1: {_id: '6217272ec1f73de5f7e4dcba', label: 'new 33', slug: 'new-33', vendor: 'admin', options: Array(1)}
]

试图只获得标签和蛞蝓我的期望是:

[
0: {label: 'new 22', slug: 'new-22'}
1: {label: 'new 33', slug: 'new-33'}
]

我尝试过这样的方式:但它返回的是完整的数组对象

          let tempArray;
          for (let i = 0; i < data.length; i += 2) {
                tempArray = data.slice(data[i], data[i + 2]);
              }
                setAttributeLabel(tempArray);

最佳答案

您可以使用 Array.prototype.map过滤掉所需的属性。

const array = [{_id: '621723ddc1f73de5f7e4dcb9', label: 'new 22', slug: 'new-22', vendor: 'admin', options: Array(1)}, {_id: '6217272ec1f73de5f7e4dcba', label: 'new 33', slug: 'new-33', vendor: 'admin', options: Array(1)}];

const newArray = array.map(({label, slug}) => ({label, slug}));

console.log(newArray);

关于javascript - 如何从 js 中的数组对象中仅获取少量属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/71248251/

相关文章:

java - 为什么使用迭代器而不是 for 循环?

javascript - JS |在 IE10 中 onkeypress 之后会触发 Onclick 事件

javascript - 使用 findIndex,但从特定位置开始查找

c# - 从 C++ DLL 接收 char ** 到 C# string[]

无法弄清楚为什么 C 中的循环在第一个浮点值处停止

javascript - react : unable to update parent state by passing function to child component that updates it

reactjs - React 状态正在更新而不调用 setState

javascript - 在 ReactJs 中切换按钮上的事件类

javascript - docker生产代码构建

javascript - 无法通过返回键终止应用程序(*应用程序中没有退出菜单)