給定一個少于 160 個專案的陣列,我想提取三個欄位并復制它們;
const item1 = {name:'Item-1'};
const item2 = {name:'Item-1'};
const item1 = {name:'Item-1'};
...........
const item_N_minus_one = {name:'Item-N_minus_one'};
const item_N = {name:'Item-N'};
const itemsList = [{item1}, {item2} ..... upto {itemN}]
// Where n <= 160
以下是我的有效方法
const index_X = 23, index_Y = 45, index_Z= 56; // Can not exceed beyond 160 in my case
const item_XCopy = {...itemsList[index_X]};
const item_YCopy = {...itemsList[index_Y]};
const item_ZCopy = {...itemsList[index_Z]};
我想要什么:尋找一個單行快捷方式解決方案,我可以在一個 javascript 陳述句中傳遞索引并回傳另一個陣列中的欄位(我知道我可以創建一個函式,但只是想知道是否有一個 javascript 快捷方式解決方案)
uj5u.com熱心網友回復:
您可以獲得物品,而不是副本,如下所示:
const itemsList = [{name:'Item-1'}, {name:'Item-2'}, {name:'Item-3'}];
const index_X = 0, index_Y = 1, index_Z= 2;
const { [index_X]: index_X_Item, [index_Y]: index_Y_Item, [index_Z]: index_Z_Item }
= itemsList;
console.log(index_X_Item, index_Y_Item, index_Z_Item);
要獲取副本,您可以使用Array#map:
const itemsList = [{name:'Item-1'}, {name:'Item-2'}, {name:'Item-3'}];
const index_X = 0, index_Y = 1, index_Z= 2;
const [index_X_Copy, index_Y_Copy, index_Z_Copy] =
[index_X, index_Y, index_Z].map(index => ({ ...itemsList[index] }));
console.log(index_X_Copy, index_Y_Copy, index_Z_Copy);
uj5u.com熱心網友回復:
您可以直接尋址并分配給新變數名稱。
const
index_X = 23,
index_Y = 45,
index_Z = 56,
{
[index_X]: { ...item_XCopy },
[index_Y]: { ...item_YCopy },
[index_Z]: { ...item_ZCopy }
} = itemsList;
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/436131.html
標籤:javascript 数组 打字稿 解构
