使用jQuery的JavaScript中的数组

Question

我想创建一个包含所有选项元素值和html文本的数组。 结果，我想要这样的事情：

console.log( myArray );

输出：

[ "htmlText" : '0', "htmlText2" : '1', ... ]

如果可能的话，我该如何访问它们并获取其密钥？

或至少2dim阵列

我怎样才能做到这一点？

这就是我现在所拥有的：

function optionValues( selectEl )
{
    var values = [];
    if ( selectEl.length )
    {
        $(selectEl).find('option').each( function(){
            values.push( $(this).val()  );
        });
        return values;
    }
    else
    return false;
}


function optionHtmls( selectEl )
{
    var html = [];
    if ( selectEl.length )
    {
        $(selectEl).find('option').each( function(){
            html.push( $(this).html()  );
        });
        return html;
    }
    else
        return false;
}

Answer 1

该功能可以简化：

function optionValues(selectEl) {
    var options = {};
    $(selectEl).find('option').each(function() {
        options[this.label] = this.value;
    });
    return options;
}

console.log(optionValues('select')) // {Text 1: "1", Text 2: "2", Text 3: "3"} 

演示： http ： //jsfiddle.net/c5e3vemo/

Answer 2

使用{}代替[]来创建一个关联数组。

var values = {
  htmlText: 0,
  htmlText2: 1,
};

console.log(values['htmlText']);

要将事物附加到关联数组（也称为对象）：

values['stuff'] = 'foo';
values['thing'] = 'bar';

要对此进行循环：

for (var key in values) {
  /* check to make sure it's actually a valid key */
  if (values.hasOwnProperty(key)) {
    console.log(key + " => " + values[key]);
  }
}

Answer 3

在这种情况下，一个对象将最适合您的需求。 您可以使用map()从任意给定select的option元素中创建一个。 尝试这个：

var values = $('#mySelect option').map(function() {
    var obj = {};
    obj[$(this).text()] = $(this).val();
    return obj;
});

小提琴的例子

鉴于此HTML：

<select id="mySelect">
    <option value="1">Foo</option>
    <option value="2">Bar</option>
</select>

返回的对象如下所示：

[
    { "Foo": "1" },
    { "Bar": "2" }
]