前段开发者JavaScript 数组常用方法
2017-10-31 15:23
716 查看
1. 修改数组
array.pop
删除数组最后一位元素。
array.shift
删除数组第一位元素
array.push
往数组的末尾新增一个或多个元素。
array.unshift
往数组的开头新增一个或多个元素。
array.reverse
把数组元素顺序逆转。
array.sort
数组排序。
array.splice
给数组添加或者删除元素。
注意:当数组执行上面的这些方法时,都会修改原数组。
2. 迭代方法
array.forEach
遍历数组。
array.filter
从数组中找出所有符合指定条件的元素。
array.every
数组中是否每个元素都满足指定的条件。
array.some
数组中是否有元素满足指定的条件。
array.map
将数组映射成另一个数组。
array.reduce
将数组合成一个值。
当要使用迭代方法时,forEach 应该是最后被考虑的。主要原因是:forEach 与其他迭代方法比,语义性是最差的。更详细的说明见 avoid forEach。
3 其他方法
Array.isArray
是否是数组。IE9+ 支持该方法。
array.concat
合并数组或合并数组的值。
array.join
合并数组所有元素拼接成字符串。
array.slice
选择数组中的一部分元素。
array.indexOf
查找数组中指定元素的下标。
array.lastIndexOf
查找数组中指定元素的下标。查找方向为从后往前。
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(-3, -4); arr;// [-3, -4, 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, 1,'A','B','C');// [2,3] arr;// [1, 2,"A","B","C", 4]
注意:当数组执行上面的这些方法时,都会修改原数组。
2. 迭代方法
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。
3 其他方法
Array.isArray
是否是数组。IE9+ 支持该方法。
Array.isArray(1); // 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
相关文章推荐
- JavaScript数组中的22个常用方法
- JavaScript--数组常用方法总结
- JavaScript中数组操作常用方法
- Javascript数组常用方法[包含MS AJAX.NET的prototype扩展方法]示例
- JavaScript数组常用方法
- 复习系列--javascript数组的常用方法总结
- javascript数组去重常用方法实例分析
- JavaScript数组中的22个常用方法总结
- javascript Array数组常用的方法
- JavaScript中数组Array.prototype的常用的方法总结
- JavaScript中数组常用方法
- javascript数组常用方法
- javascript数组常用方法
- javascript数组常用方法(一)
- Javascript---数组常用方法
- javascript数组的申明方式以及常用方法
- JavaScript数组常用方法
- js数组的常用方法,javascript的数组,
- javascript 中 数组常用的扩展方法
- Javascript数组的常用方法总结二