我有以下物件：
var colors = {
key1:"Red",
key2:"Blue",
key3:"Green",
key4:"Black"
}
我也有這個鍵陣列：
var keys = ["key1","key3","key4"]
我想從中獲取相應的顏色colors。為此，我撰寫了代碼 -
keys.map((key)=>{
var color= colors.filter(x=>x==key);
});
但是我在這里遇到錯誤-
colors.filter is not a function
uj5u.com熱心網友回復：
要提取每個鍵，map是正確的選擇，但您只需要從以下位置獲取相應的值colors：
var colors=
{
key1:"Red",
key2:"Blue",
key3:"Green",
key4:"Black"
};
var keys = ["key1", "key3", "key4"];
const result = keys.map(key => colors[key]);
console.log(result);請注意，如果鍵不存在，則輸出值為undefined. 要洗掉undefined末尾附加的值.filter(Boolean)（感謝Roko C. Buljan）：
const result = keys.map(key => colors[key]).filter(Boolean);
你的問題是你試圖filter在一個物件上運行。filter不是物件的方法，而是一個陣列。如果您想使用filter，一種選擇是Object.entries像這樣使用（但上面的解決方案要簡單得多）。
var colors=
{
key1:"Red",
key2:"Blue",
key3:"Green",
key4:"Black"
};
var keys = ["key1", "key3", "key4"];
const result = Object.entries(colors).filter(([key, color]) => keys.includes(key)).map(([, color]) => color);
console.log(result);uj5u.com熱心網友回復：
請試一試。@杰克巴什福德
var colors=
{
key1:"Red",
key2:"Blue",
key3:"Green",
key4:"Black"
}
var keys = ["key1","key3","key4"]
let a = keys.map((key)=>{
return colors[Object.keys(colors).filter(x=>x==key)];
});
uj5u.com熱心網友回復：
你可以使用Array.prototype.reduce()
const colors = {
key1:"Red",
key2:"Blue",
key3:"Green",
key4:"Black"
};
const keys = ["key1", "key3", "key4", "key99"];
const result = keys.reduce((a, k) => (colors[k]&&a.push(colors[k]), a), []);
console.log(result)請注意"key99"不會包含在result陣列中
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/489627.html
標籤：javascript jQuery 数组 目的