javascript - $(...).map() 究竟返回了什么？

Question

鉴于这种：

<a href="1">1</a>
<a href="2">2</a>

这是一个返回一组 href 值的函数：

e = $('a').map(function(v) { return $(this).attr('href'); });
console.log(e);

但它给

["1", "2", prevObject: x.fn.x.init[2], context: document, jquery: "1.10.2", constructor: function, init: function…]

我怎样才能修改它只返回一个原始数组[“1”，“2”]？

Answer 1

这是因为jQuery.fn.map返回一个新的 jQuery 对象，你应该使用它jQuery.fn.get来获取一个数组：

var a = $('a').map(function(v, node) { 
    // v is the index in the jQuery Object, 
    // you would maybe like to return the domNode or the href or something: 
    // return node.href;

    return v; 
}).get(); // <-- Note .get() converts the jQuery Object to an array

---

微优化：

如果您查看源代码，jQuery.fn.get您会发现它指向您jQuery.fn.toArray：

function ( num ) {
    return num == null ?

        // Return a 'clean' array
        this.toArray() :

        // Return just the object
        ( num < 0 ? this[ this.length + num ] : this[ num ] );
}

所以你也可以调用：

$('a').map(...).toArray();