如何將此JavaScript代碼轉換為jquery？

Question

如何將此JavaScript代碼轉換為jQuery？

var ddlArray= new Array();
var ddl = document.getElementById('ddl');
for (i = 0; i < ddl.options.length; i++) {
   ddlArray[i] = ddl .options[i].value;
}

我認為可以轉換ddl = document.getElementById('ddl'); 到ddl = $('#ddl'); 但是循環可以做什么？

Answer 1

使用.map() + .toArray() ：

var ddlArray = $('#ddl option').map(function() {
    return this.value;
}).toArray();

或.toArray() +通用迭代器$.map() ：

var ddlArray = $.map($('#ddl option').toArray(), function(option) {
    return option.value;
});

現場演示