DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery中map函數與each函數的區別實例教程介紹
jquery中map函數與each函數的區別實例教程介紹
編輯:JQuery特效代碼     

​jquery中的each函數和map函數的用法看起來差不多,但其實還是有一點區別的。

​其中一個重要的區別是,each返回的是原來的數組,並不會新創建一個數組。而map方法會返回一個新的數組。如果在沒有必要的情況下使用map,則有可能造成內存浪費。

​例如:

var items = [1,2,3,4]; 
$.each(items, function() { 
alert('this is ' + this); 
}); 
var newItems = $.map(items, function(i) { 
return i + 1; 
}); 
// newItems is [2,3,4,5]


​使用each時,改變的還是原來的items數組,而使用map時,不改變items,只是新建一個新的數組。

​例如:

var items = [0,1,2,3,4,5,6,7,8,9]; 
var itemsLessThanEqualFive = $.map(items, function(i) { 
// removes all items > 5 
if (i > 5) 
return null; 
return i; 
}); 
// itemsLessThanEqualFive = [0,1,2,3,4,5]

當需要對數組進行刪除時也是如此,所以刪除時錯誤使用each或map後果還是蠻嚴重的。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved