JQuery中的$.each()
和$.map()
函數都可以用于循環遍歷對象或數組,并對其進行操作。
//使用$.each()對數組進行遍歷 var arr = [1,2,3]; $.each(arr, function(index, item){ console.log(index + ':' + item); }); //使用$.each()對對象進行遍歷 var obj = {a:1, b:2, c:3}; $.each(obj, function(key, value){ console.log(key + ':' + value); }); //使用$.map()對數組進行遍歷 var newArr = $.map(arr, function(item){ return item*2; }); console.log(newArr); //使用$.map()對對象進行遍歷 var newObj = $.map(obj, function(value, key){ return key + ':' + value; }); console.log(newObj);
在$.each()
函數和$.map()
函數中,回調函數的參數一般包括index/key
和item/value
,可以根據需要自行命名。其中$.map()
函數會返回經過回調函數處理后的新數組/對象。
總之,$.each()
和$.map()
函數提供了非常方便的循環遍歷操作,可以大大提高前端開發效率。