ES5新增陣列的常見方法
1、indexof
方法可返回陣列中某個指定的元素位置,索引位置從0開始,如果在陣列中沒找到指定元素則返回 -1。
例: 從陣列 arr = [“a”,“b”,“c”,“d”,“e”];找出a的位置 .
var arr = ["a","b","c","d","e"];
arr.indexOf("a"); //0
arr.indexOf("g");
2、forEach
方法用於呼叫陣列的每個元素,並將元素傳遞給回撥函式。沒有任何返回值.
例:遍歷陣列 arr =[“a”,“b”,255,512,“hello”]
var arr = ["a","b",255,512,"hello"];
var a = arr.forEach(function(value,index){
console.log(value);
console.log(index);
})
console.log(a);
3、map
map() 方法返回一個新陣列,陣列中的元素為原始陣列元素呼叫函式處理後的值
注意: map() 不會對空陣列進行檢測,map() 不會改變原始陣列
例:將arr2 = [4,5,6,7,8]乘以1.3後返回
var arr2 = [4,5,6,7,8]
var b = arr2.map(function(value,index){
// console.log(value)
// console.log(index)
return value+value*0.3;
})
console.log(arr2)
console.log(b)
4、filter
filter() 方法建立一個新的陣列,是將函式執行一遍,只有在布林值為true的時候才會返回該資料
例1: 返回 arr2 = [4,5,6,7,8]大於5的資料
var c = arr2.filter(function(value,index){
console.log(value)
console.log(index)
return value <= 5
})
console.log( c )
例2: 把一個Array中的空字串刪掉,可以這麼寫:
var arr = ['A', '', 'B', null, undefined, 'C', ' '];
var r = arr.filter(function (s) {
return s && s.trim(); // 注意:IE9以下的版本沒有trim()方法
});
console.log(r);
相關文章
- 回顧 ES5新增陣列方法 與實現陣列
- js陣列常見的一些方法JS陣列
- 好程式設計師分享JavaScript學習筆記ES5中常見的陣列方法程式設計師JavaScript筆記陣列
- 關於ES5陣列方法總結陣列
- JavaScript陣列常見用法JavaScript陣列
- es6和es5的陣列方法(9.9)陣列
- 陣列的方法-新增刪除陣列
- 陣列常見的遍歷迴圈方法、陣列的迴圈遍歷的效率對比陣列
- JavaScript 陣列常見操作 (二)JavaScript陣列
- JavaScript 陣列常見操作(一)JavaScript陣列
- 【Java】【集合】collection介面常見方法、集合轉陣列toArray()、帶ALL的方法Java陣列
- ES6新增的陣列方法和物件方法陣列物件
- ES6陣列新增的幾個方法陣列
- 【JS】JS陣列新增元素的三種方法JS陣列
- JavaScript實現陣列去重的常見方式JavaScript陣列
- 3種常見的Web前端陣列排序方式!Web前端陣列排序
- numpy學習筆記 – numpy陣列的常見用法筆記陣列
- js中陣列的一些常見操作 - 1JS陣列
- Go 常見資料型別-01陣列Go資料型別陣列
- ES6中陣列新增的方法-超級好用陣列
- Javascript - 陣列和陣列的方法JavaScript陣列
- 陣列的方法陣列
- PHP常見陣列函式與例項[基礎]]PHP陣列函式
- es6新增陣列方法簡便了哪些操作?陣列
- 磁碟陣列資料丟失的7個常見原因介紹陣列
- js陣列的常見操作( push、pop、unshift、shift、splice、concat、 join)的用法JS陣列
- 陣列的常用方法陣列
- 陣列常用的方法陣列
- JS陣列的方法JS陣列
- 陣列方法陣列
- 重寫陣列的方法(改變原陣列)陣列
- 七種常見的陣列排序演算法整理(C語言版本)陣列排序演算法C語言
- Python中的常見方法Python
- 陣列去重的方法陣列
- JS 陣列的迭代方法JS陣列
- 異常-Throwable的幾個常見方法
- 常見的五種三列布局
- 陣列reduce()方法陣列