如何将此JavaScript代码转换为jquery？

Question

How to convert this javascript code to jquery ?

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

I think one can convert ddl = document.getElementById('ddl'); to ddl = $('#ddl'); but what can be done to the loop ?

Answer 1

Using .map() + .toArray() :

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

Or .toArray() + the generic iterator $.map() :

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

Live demo