在具有多個值的物件的子陣列中搜索

目前我有以下物件陣列

const dataClass = [
    {
        "id": 101,
        "class": [
            {
                "type": "A",
                "value": "A-class"
            },
            {
                "type": "B",
                "value": "B-class"
            },
            {
                "type": "C",
                "value": "C-class"
            }
        ],
        "rank": 1
    },
    {
        "id": 102,
        "class": [
            {
                "type": "D",
                "value": "D-class"
            },
            {
                "type": "E",
                "value": "E-class"
            },
            {
                "type": "F",
                "value": "F-class"
            }
        ],
        "rank": 2
    },
    {
        "id": 103,
        "class": [
            {
                "type": "G",
                "value": "G-class"
            },
            {
                "type": "H",
                "value": "H-class"
            },
            {
                "type": "I",
                "value": "I-class"
            }
        ],
        "rank": 3
    }
];

我需要使用類物件中的所有值來獲取資料類物件，假設我想獲取第二個物件，所以我必須搜索/輸入“type”：“D”，“type”：“E”和“type” “： “F”。

回傳我期望的陣列物件/物件：

    [{
        "id": 102,
        "class": [
            {
                "type": "D",
                "value": "D-class"
            },
            {
                "type": "E",
                "value": "E-class"
            },
            {
                "type": "F",
                "value": "F-class"
            }
        ],
        "rank": 2
    }]

到目前為止我沒有找到任何解決方案，感謝您的幫助。

uj5u.com熱心網友回復：

我在第 4 級又添加了一個型別為 D、E、F 的物件

如果要回傳與過濾匹配的所有物件，請檢查 result1

如果您只想回傳匹配的第一個物件，請檢查 result2

const dataClass = [
    {
        "id": 101,
        "class": [
            {
                "type": "A",
                "value": "A-class"
            },
            {
                "type": "B",
                "value": "B-class"
            },
            {
                "type": "C",
                "value": "C-class"
            }
        ],
        "rank": 1
    },
    {
        "id": 102,
        "class": [
            {
                "type": "D",
                "value": "D-class"
            },
            {
                "type": "E",
                "value": "E-class"
            },
            {
                "type": "F",
                "value": "F-class"
            }
        ],
        "rank": 2
    },
    {
        "id": 103,
        "class": [
            {
                "type": "G",
                "value": "G-class"
            },
            {
                "type": "H",
                "value": "H-class"
            },
            {
                "type": "I",
                "value": "I-class"
            }
        ],
        "rank": 3
    },
    {
        "id": 104,
        "class": [
            {
                "type": "D",
                "value": "D-class"
            },
            {
                "type": "E",
                "value": "E-class"
            },
            {
                "type": "F",
                "value": "F-class"
            }
        ],
        "rank": 4
    }
];


const expectedValues = ['D', 'E', 'F'];

//use this if you wanna return all objects that match expectedValues
const result1 = dataClass.filter(el => el.class.every(obj => expectedValues.includes(obj.type)));

console.log('all matched Objects => ', result1);

//use this if you wanna return the first object that match expectedValues
const result2 = dataClass.find(el => el.class.every(obj => expectedValues.includes(obj.type)));

console.log('first matched object => ',result2);

uj5u.com熱心網友回復：

希望這會有所幫助，

const dataClass = [
    {
        "id": 101,
        "class": [
            {
                "type": "A",
                "value": "A-class"
            },
            {
                "type": "B",
                "value": "B-class"
            },
            {
                "type": "C",
                "value": "C-class"
            }
        ],
        "rank": 1
    },
    {
        "id": 102,
        "class": [
            {
                "type": "D",
                "value": "D-class"
            },
            {
                "type": "E",
                "value": "E-class"
            },
            {
                "type": "F",
                "value": "F-class"
            }
        ],
        "rank": 2
    },
    {
        "id": 103,
        "class": [
            {
                "type": "G",
                "value": "G-class"
            },
            {
                "type": "H",
                "value": "H-class"
            },
            {
                "type": "I",
                "value": "I-class"
            }
        ],
        "rank": 3
    }
];

const resultArr = [];

for (const ch_arr of dataClass){
  for (const class_arr of ch_arr["class"]){
      if(["D","E","F"].includes(class_arr["type"])){
        resultArr.push(ch_arr);
        break;
      }
    };
};

// resultArr is the expected array

uj5u.com熱心網友回復：

您需要在 Array 類中找到物件，所以我認為使用find方法是解決它的更易讀的方法

function findClassByType(value: string) {
  return [dataClass.find((obj) => obj.class.find(({ type }) => type.toLocaleLowerCase() === value.toLocaleLowerCase()))];
}
    
console.log(findClassByType('a'))

我添加了toLocaleLowerCase以避免區分大小寫。

標籤：javascript数组目的搜索

上一篇：javascript陣列、物件、鍵：值

下一篇：JavaScript如何在不重復代碼的情況下創建與許多屬性相似的方法？