当键的名称等于变量字符串时，如何检查键的值，然后使用jQuery显示某些HTML？[副本]

Question

对于JavaScript和jQuery中的赋值，我有一个对象，其中键是州名称或州缩写（例如内华达州、华盛顿州、宾夕法尼亚州、纽约州等），值是true或false（布尔值而不是字符串）。

我使用API获取网页访问者所在的状态，并将该状态存储到localStorage以及名为state的JavaScript变量中：

$.get('https://api.geoapify.com/v1/ipinfo?&apiKey=de43045d1ab840e9b94f07dee35c6935', function(response){
    console.log('State received...');
    state = response.state.name;
    localStorage.setItem('state', state)
    console.log(state)
    });

我需要检查访问者的状态名称作为对象中的键的值是什么（true或false）。如果值为真，我需要在赋值的超文本标记语言中显示一组字符串。这些字符串位于另一个名为产品的对象中，该对象有2个子对象。

我根本不允许编辑HTML。HTML由3列组成，每列包含名称、信息模糊和产品图像的div。这三个列的名称、信息模糊和产品图像div的命名类都相同，但我只需要更改该列的一个值。

这是我到目前为止写的，但它并没有改变CodePen中的任何内容。我在这里被难住了：

    state_keys = Object.keys(theObjectContainingStates);
  
    if (theObjectContainingStates.["state"] == true) {
      $('.med_card_info-name').html(products[1].name)
      $('.med_card_info-blurb').html(products[1].blurb)
      $('.med_card_info-image').html(products[1].imgSrc)
}

我认为我的第一个问题是，我检查States对象中与访问者的state同名的键是否正确？

if (theObjectContainingStates.["state"] == true) {
   }

Answer 1

为了确保我理解这个问题，您有一个名为“theObjectContainingStates”的对象，您想查看该对象中是否存在某些属性，但为了检查属性键名称，您将使用一个名为“state”的字符串变量，对吗？

当使用变量作为对象中的键时，只需去掉点并将变量括在方括号中：

if (theObjectContainingStates[state] !== undefined) {
  ...insert code...
}

Answer 2

如果这不是您需要的，请提供更多代码，同时撤销您在示例中添加的此API密钥，否则人们可以开始使用它。

<script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script type="text/javascript">
    let states = ['Nevada', 'Washington', 'PA', 'NY', 'Federal District'];

    $.get('https://api.geoapify.com/v1/ipinfo?&apiKey=de43045d1ab840e9b94f07dee35c6935', function (response) {
        console.log('State received...');
        state = response.state.name;
        localStorage.setItem('state', state);

        if (states.includes(state)) {
            console.log('The state of the user is in the list');
        } else {
            console.log('User state not found in the list');
        }

        console.log(state);
    });
</script>