javascript - 将对象推送到数组有时不起作用

Question

我有以下 HTML:

<select name="region-select" id="regions-select" class="form-control">
    <option selected=""> </option>
    <option value="23">Name1</option>
    <option value="24">Name2</option>
    <option value="25">Name3</option>
    <option value="28">Name4</option>
    <option value="33">Name5</option>
    <option value="35">Name6</option>
    <option value="213">Name7</option>
    <option value="9999">Name8</option>
    <!-- 200 elements... -->
</select>

我有以下JavaScript (jQuery):

var regions = [];

$("#regions-select > option").each(function() {
    regions.push({
        key:   this.value,
        value: this.text
    });
});

console.log(regions["213"]); // there is no such emelement
console.log(regions["9999"]); // there is no such emelement

几乎所有元素都存在于数组中。但其中一些则不然。例如，键 == 213 和 9999 的区域。

Answer 1

您需要一个关联数组，您的数组没有索引 9999，除非它有超过 9998 个元素:

var regions = {};


$("#regions-select > option").each(function() {
    regions[this.value] = this.text;   
});

console.log(regions["213"]); // Name7
console.log(regions["9999"]); // Name8