Javascript 使用输入变量访问数组中的数组

Question

我正在开发一种表单，根据用户所处的州以不同方式处理输入信息。在我的网页上，我在下拉列表中有一个州列表:

<div class="top-row" title="Select the proper state from the list.">
<select name="state-list" class="state-list" id="stateList" >
<option value=30>Select State</option>
<option value=0>AL</option>
<option value=1>AR</option>
<option value=2>CA</option>
<option value=3>CT</option>
<option value=4>DE</option>
<option value=5>DC</option>
<option value=6>GA</option>
</select>
</div>

在我的 javascript 文件中，我创建了一个名为 states 的数组，并将 States 作为数组放置:

var state = { AL: [false, true, true, 0], AZ: [false, false, false, 0],
AR: [false, true, true, 0], CA: [false, false, false, 0], 
CT: [false, true, true, 0], DE: [false, true, true, 0],
DC: [false, true, true, 0], GA: [false, true, true, 0]};

我遇到的问题是查找数组值。我做了很多搜索，但我只是没有找到解决方案。

findState = document.getElementById('stateList').value;
console.log(state.findState[0]);

它们都返回undefined，但是“findState”有一个值。如何访问状态数组中特定状态数组的值？

Answer 1

您的表达式试图访问 state 对象上的 findState 属性，但它没有名为 findState 的属性。相反，使用括号表示法:

console.log(state[findState][0]);

此外，不要忘记进行适当的 null/undefined 检查以解决找不到值的可能性(例如，如果用户重新选择下拉列表中的第一个选项)。