JavaScript 数组经常运用要领引见
array.pop – 删除数组末了一名元素。
var arr = [1, 2, 3];
arr.pop();// 返回 3
arr;// [1,2]
array.shift – 删除数组第一名元素。
var arr = [1, 2, 3];
arr.shift();// 返回 1
arr;// [2,3
]
array.push – 往数组的末端新增一个或多个元素。
var arr = [];arr.push(1);// 返回数组长度 1
arr;// [1]
arr.push(2,3);
arr;// [1,2,3]
array.unshift – 往数组的开首新增一个或多个元素。
var arr = [1, 2, 3];
arr.unshift(0);
arr.unshift(-1, -2);
arr;// [-1, -2, 0, 1, 2]
array.reverse – 把数组元素递次逆转。
var arr = [1, 2, 3];
arr.reverse();// [3, 2, 1]
arr;// [3, 2, 1]
array.sort – 数组排序。
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 – 给数组增加或许删除元素。
// splice(最先下标, 删除个数，插进去元素(能够多个)）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]
注重：当数组实行上面的这些要领时，都邑修正原数组。
迭代要领
array.forEach – 遍历数组。
['a' ,'b' ,'c'].forEach(function(each, index){console.log(each,index);});
// 输出 'a' 0 'b' 1 'c' 2
array.filter – 从数组中找出一切相符指定前提的元素。
// 找出一切正数
var res = [3, 4, -1].filter(function(each){return each > 0;});
res; //[3,4]
array.every – 数组中是不是每一个元素都满足指定的前提。
// 是不是都为正数
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 – 数组中是不是有元素满足指定的前提。
// 是不是有正数
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 – 将数组映射成另一个数组。
// 内容 * 2[1, 2, 3].map(function(each){return each * 2;});
// 返回 [2, 4, 6]
array.reduce – 将数组合成一个值。
// 数组内容乞降。0 为初始值[1, 2, 3].reduce(function(prev, each){return prev + each;}, 0);// 返回 6
当要运用迭代要领时，forEach 应该是末了被斟酌的。重要原因是：forEach 与其他迭代要领比，语义性是最差的。更细致的申明见 avoid forEach。
网址：http://aeflash.com/2014-11/avoid-foreach.html
注重 IE8 及以下版本不支撑 every, some, map, reduce。假如想在 IE 8 及以下版本用这几个要领，能够用es5-shim 或 lodash。
其他要领
Array.isArray – 是不是是数组。IE9+ 支撑该要领。
Array.isArray(3); // false
Array.isArray({}); // false
Array.isArray([]); // true
array.concat – 兼并数组或兼并数组的值。
[1,2,3].concat(4,5); // 输出 [1, 2, 3, 4, 5]
array.join – 兼并数组一切元素拼接成字符串。
[1,2,3].join(); // 输出 '1,2,3'
[1,2,3].join('@'); // 输出 '1@2@3'
array.slice – 挑选数组中的一部分元素。
// slice(最先下标, 完毕下标（可选，默以为数组长度）)
['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 – 查找数组中指定元素的下标。
['a', 'b', 'c', 'd'].indexOf('c'); // 2
['a', 'b', 'c', 'd'].indexOf('g'); // -1
array.lastIndexOf – 查找数组中指定元素的下标。查找方向为从后往前。
['c', 'd', 'c'].lastIndexOf('c'); // 2
['a', 'b', 'c', 'd'].lastIndexOf('g'); // -1
参考
D3.js 的数组 Wiki
https://github.com/mbostock/d3/wiki/%E6%95%B0%E7%BB%84
avoid forEach
http://aeflash.com/2014-11/avoid-foreach.html
