- 相關(guān)推薦
JavaScript數(shù)組常用方法介紹
在JavaScript開發(fā)過程中，常用的數(shù)組方法有哪些?下面YJBYS小編為你一一介紹!
修改數(shù)組
array.pop - 刪除數(shù)組最后一位元素。
var arr = [1, 2, 3];arr.pop();// 返回 3arr;// [1,2]
array.shift - 刪除數(shù)組第一位元素。
var arr = [1, 2, 3];arr.shift();// 返回 1arr;// [2,3]
array.push - 往數(shù)組的末尾新增一個(gè)或多個(gè)元素。
var arr = [];arr.push(1);// 返回?cái)?shù)組長度 1arr;// [1]arr.push(2,3);arr;// [1,2,3]
array.unshift - 往數(shù)組的開頭新增一個(gè)或多個(gè)元素。
var arr = [1, 2, 3];arr.unshift(0);arr.unshift(-1, -2);arr;// [-1, -2, 0, 1, 2]
array.reverse - 把數(shù)組元素順序逆轉(zhuǎn)。
var arr = [1, 2, 3];arr.reverse();// [3, 2, 1]arr;// [3, 2, 1]
array.sort - 數(shù)組排序。
var arr = [1 ,-1, 2];arr.sort();// [-1, 1, 2]arr;// [-1, 1, 2]arr = [{age: 10,},{age: 1}, {age: 12}];// 按照 age 從小到大排序arr.sort(function(a, b){return a.age - b.age > 0 ? 1 : -1;});
array.splice - 給數(shù)組添加或者刪除元素。
// splice(開始下標(biāo), 刪除個(gè)數(shù)，插入元素(可以多個(gè)))var arr = [1, 2, 3, 4];arr.splice(1, 2);// [2,3]arr;// [1,4]arr = [1, 2, 3, 4];arr.splice(1, 2, 'a', 'b', 'c');// [2,3]arr;// [1, "a", "b", "c", 4]
注意：當(dāng)數(shù)組執(zhí)行上面的這些方法時(shí)，都會修改原數(shù)組。
迭代方法
array.forEach - 遍歷數(shù)組。
['a' ,'b' ,'c'].forEach(function(each, index){console.log(each,index);});// 輸出 'a' 0 'b' 1 'c' 2
array.filter - 從數(shù)組中找出所有符合指定條件的元素。
// 找出所有正數(shù)var res = [3, 4, -1].filter(function(each){return each > 0;});res; //[3,4]
array.every - 數(shù)組中是否每個(gè)元素都滿足指定的條件。
// 是否都為正數(shù)var isAllPositive = [3, 4, -1].every(function(each){return each > 0;});isAllPositive; // false;isAllPositive = [3, 4].every(function(each){return each > 0;});isAllPositive; // true;
array.some - 數(shù)組中是否有元素滿足指定的條件。
// 是否有正數(shù)var isSomePositive = [3, 4, -1].some(function(each){return each > 0;});isSomePositive; // true;isSomePositive = [-3, -4].every(function(each){return each > 0;});isSomePositive; // false;
array.map - 將數(shù)組映射成另一個(gè)數(shù)組。
// 內(nèi)容 * 2[1, 2, 3].map(function(each){return each * 2;});// 返回 [2, 4, 6]
array.reduce - 將數(shù)組合成一個(gè)值。
// 數(shù)組內(nèi)容求和。0 為初始值[1, 2, 3].reduce(function(prev, each){return prev + each;}, 0);// 返回 6
當(dāng)要使用迭代方法時(shí)，forEach 應(yīng)該是最后被考慮的。主要原因是：forEach 與其他迭代方法比，語義性是最差的。更詳細(xì)的說明見 avoid forEach。
網(wǎng)址：http://aeflash.com/2014-11/avoid-foreach.html
注意 IE8 及以下版本不支持 every, some, map, reduce。如果想在 IE 8 及以下版本用這幾個(gè)方法，可以用es5-shim 或 lodash。
其他方法
Array.isArray - 是否是數(shù)組。IE9+ 支持該方法。
Array.isArray(3); // falseArray.isArray({}); // falseArray.isArray([]); // true
array.concat - 合并數(shù)組或合并數(shù)組的值。
[1,2,3].concat(4,5); // 輸出 [1, 2, 3, 4, 5]
array.join - 合并數(shù)組所有元素拼接成字符串。
[1,2,3].join(); // 輸出 '1,2,3'[1,2,3].join('@'); // 輸出 '1@2@3'
array.slice - 選擇數(shù)組中的一部分元素。
// slice(開始下標(biāo), 結(jié)束下標(biāo)(可選，默認(rèn)為數(shù)組長度))['a', 'b', 'c', 'd'].slice(1);// ["b", "c", "d"]['a', 'b', 'c', 'd'].slice(1, 2);// ["b"]['a', 'b', 'c', 'd'].slice(1, 3);// ["b", "c"]
array.indexOf - 查找數(shù)組中指定元素的下標(biāo)。
['a', 'b', 'c', 'd'].indexOf('c'); // 2['a', 'b', 'c', 'd'].indexOf('g'); // -1
array.lastIndexOf - 查找數(shù)組中指定元素的下標(biāo)。查找方向?yàn)閺暮笸啊?/p>
['c', 'd', 'c'].lastIndexOf('c'); // 2['a', 'b', 'c', 'd'].lastIndexOf('g'); // -1