jQuery Map And Get

我們常常會用到 jQuery 去 fetch 一段 DOM 以後拿到值來做事情，舉例來說今天有三個 input。

HTML

<input type="text" value="a">
<input type="text" value="b">
<input type="text" value="c">

我們想要 fetch DOM 把所有的 value 拿出來並且組成 a, b, c 這樣的字串該怎麼做，方法當然很多，一般來說會利用 $.each 來組。

$.each

var result = [];

$(':input').each(function() {
    result.push(this.value);   
});

result = result.join(',');

console.log(result); // a,b,c

如果理解更多的 jQuery API 的話，可以用一些特殊技巧用更少的行數達成某些結果。

$.map

var result = $(':input').map(function() {
    return this.value;   
}).get().join(',');

console.log(result); // a,b,c

map 加 get 是 jQuery 常拿來處理陣列的技巧，如果善加利用可以省去很多迴圈或是宣告的事情。