Javascript 变量根据匹配对象对的 DOM 值动态更改

Question

假设我有以下对象；

var set = [
    {"desc":"Standard","code":"C1S"},
    {"desc":"Superior","code":"B2T"},
    {"desc":"Standard","code":"A1K"}
];

然后我有一个 DOM，它输出页面中所选对象的“desc”值，例如:

document.querySelector('.ResRoom .infoIcoAfter').innerHTML;

上面的 document.querySelector 返回“Standard”、“Superior”或“Deluxe”。

我想在 JS 中创建一个变量，它返回所做选择的对应“代码”vvalue。例如，如果上面的 document.querySelector 返回“Standard”，我需要这个新变量的值为 =“C1S”。

有人可以帮忙吗？提前非常感谢。答:

Answer 1

另一种方法是使用函数find。

假设target = document.querySelector('.ResRoom .infoIcoAfter').innerHTML;

旁注:使用 textContent 来避免样式、嵌套元素等问题。

let target = 'Standard',
    set = [{"desc":"Standard","code":"C1S"},{"desc":"Superior","code":"B2T"},{"desc":"Standard","code":"A1K"}],
    found = set.find(({desc}) => desc === target),
    code = found ? found.code : '';

console.log(code);