我試圖從陣列物件中僅獲取 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);
uj5u.com熱心網友回復：
您可以使用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);uj5u.com熱心網友回復：
只需迭代陣列并創建所需屬性的新物件并推入臨時陣列
const data = [{
_id: '621723ddc1f73de5f7e4dcb9',
label: 'new 22',
slug: 'new-22',
vendor: 'admin'
},
{
_id: '6217272ec1f73de5f7e4dcba',
label: 'new 33',
slug: 'new-33',
vendor: 'admin'
}
]
let tempArray = [];
for (let i = 0; i < data.length; i ) {
tempArray.push({
label: data[i].label,
slug: data[i].slug
})
}
console.log(tempArray);uj5u.com熱心網友回復：
您可以用戶Array.map創建一個新陣列。對于每個映射的元素，您創建一個僅包含您需要的屬性的新物件：
arr.map(a => { return { label: a.label, slug: a.slug } } );
uj5u.com熱心網友回復：
不要使用回圈，而是嘗試使用 javascript 預定義的函式，如地圖。
array.map(({ label, slug }) => {
return {label, slug}
});
uj5u.com熱心網友回復：
您可以使用Array.prototype.reduce回圈遍歷資料集并僅回傳您需要作為新物件一部分的值
let data = [{_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 result = data.reduce((accumulator, current) => {
return accumulator.concat({label: current.label, slug: current.slug});
}, []);
console.log(result);uj5u.com熱心網友回復：
使用Array.map()迭代輸入陣列并從物件中獲取所需的屬性。
// Input array
const arr = [
{_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)}];
// Array.map() to iterate the input array and get the required properties from an object.
const res = arr.map(({label, slug}) => {
return {label, slug}
});
// Result
console.log(res);轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/431560.html
標籤：javascript 数组 反应 哎呀 javascript 对象
上一篇：如何回圈3個陣列并合并到1個陣列