国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery函數map()和each()介紹及異同點分析

2019-11-20 13:56:37
字體:
來源:轉載
供稿:網友

方法語法:map()

map(callback)
為包裝集中的每一個元素調用回調函數,并將返回值收集到jQuery對象的實例中。
參數
callback (函數)回調函數,為包裝集中的每個元素調用該函數。
比如,下面的代碼將頁面上所有div元素的id值收集到一個javascript數組中:

復制代碼 代碼如下:

var iDs = $("div").map(function(){
    return (this.id==undefined) ? null :this.id;
}).get();

再看如下的表單中包含的一組 checkbox 框:

復制代碼 代碼如下:

<form method="post" action="">
<fieldset>
<div>
<label for="two">2</label>
<input type="checkbox" value="2" id="two" name="number[]">
</div>
<div>
<label for="four">4</label>
<input type="checkbox" value="4" id="four" name="number[]">
</div>
<div>
<label for="six">6</label>
<input type="checkbox" value="6" id="six" name="number[]">
</div>
<div>
<label for="eight">8</label>
<input type="text" value="8" id="eight" name="number[]">
</div>
</fieldset>
</form>

我們可以得到一個用逗號分隔的復選框 ID:

復制代碼 代碼如下:

$(':checkbox').map(function() {
return this.id;
}).get().join();

此調用的結果是字符串, "two,four,six".

在回調函數中,this指向每次迭代中的當前DOM元素。

方法語法:each()

each(iterator)
遍歷匹配集里所有的元素,為每一個元素調用傳入的迭代函數
iterator (函數)回調函數,為匹配集中的每個元素調用
each()方法也可以用來遍歷javascript數組對象甚至單個對象,舉個栗子:

復制代碼 代碼如下:

$([a,b,c,d]).each(function(){
    alert(this);
})

這個語句會為傳入$()中數組的每個元素調用迭代函數,函數中的this指向單獨的數組項。

每次回調函數執行時,會傳遞當前循環次數作為參數(從0開始計數)。更重要的是,回調函數是在當前DOM元素為上下文的語境中觸發的。因此關鍵字 this 總是指向這個元素。

假設頁面上有這樣一個簡單的無序列表。

復制代碼 代碼如下:

<ul>
<li>foo</li>
<li>bar</li>
</ul>

你可以選中并迭代這些列表:

復制代碼 代碼如下:

$( "li" ).each(function( index ) {
console.log( index + ": "" + $(this).text() );
});

列表中每一項會顯示在下面的消息中:

0: foo
1: bar
兩者的區別

map()方法主要用來遍歷操作數組和對象,each()主要用于遍歷jquery對象。

each()返回的是原來的數組,并不會新創建一個數組。
map()方法會返回一個新的數組。如果在沒有必要的情況下使用map,則有可能造成內存浪費。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 辽宁省| 白朗县| 孝昌县| 新安县| 松阳县| 肇庆市| 雅江县| 长治县| 灌云县| 托里县| 育儿| 遵化市| 准格尔旗| 罗平县| 恩平市| 迁安市| 水城县| 上犹县| 湘潭县| 当阳市| 尚志市| 黑河市| 独山县| 禹城市| 信丰县| 开封市| 泽普县| 株洲县| 锡林浩特市| 鞍山市| 蓬安县| 乌兰察布市| 银川市| 祁东县| 鲁山县| 辽宁省| 色达县| 侯马市| 儋州市| 安达市| 四会市|