JQuery是一款非常流行的JavaScript庫,其中的map()方法非常靈活,可以便利數組,生成新的數組,非常適合對數據進行處理。
//將數組中的每個元素都乘以2 var arr = [1,2,3,4,5]; var newArr = $.map(arr, function(value){ return value * 2; }); console.log(newArr);//輸出 [2,4,6,8,10]
map()方法將數組的每個元素通過指定的函數處理后,返回一個新的數組,沒有改變原有的數組。
//將數組中的每個字符串轉換為大寫字符串并加上后綴 var arr = ["apple", "banana", "orange"]; var newArr = $.map(arr, function(value){ return value.toUpperCase() + "s"; }); console.log(newArr);//輸出 ["APPLES", "BANANAS", "ORANGES"]
除了可以處理數組后返回新的數組,還可以非常方便的將對象數組轉換為新的數組。
//將對象數組中的name屬性提取出來生成新的數組 var arr = [ { id: 1, name: 'apple' }, { id: 2, name: 'banana' }, { id: 3, name: 'orange'} ]; var newArr = $.map(arr, function(value){ return value.name; }); console.log(newArr);//輸出 ["apple", "banana", "orange"]
總之,jQuery的map()方法為我們提供了靈活、高效的數組處理方式,是我們進行數據處理時不可或缺的方法。
上一篇$route vue