JavaScript 百分网手机站

JavaScript数组常用方法介绍

时间:2018-02-27 17:19:19 JavaScript 我要投稿

JavaScript数组常用方法介绍

  在JavaScript开发过程中,常用的数组方法有哪些?下面YJBYS小编为你一一介绍!

  修改数组

  array.pop - 删除数组最后一位元素。

  var arr = [1, 2, 3];arr.pop();// 返回 3arr;// [1,2]

  array.shift - 删除数组第一位元素。

  var arr = [1, 2, 3];arr.shift();// 返回 1arr;// [2,3]

  array.push - 往数组的末尾新增一个或多个元素。

  var arr = [];arr.push(1);// 返回数组长度 1arr;// [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); // falseArray.isArray({}); // falseArray.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数组常用方法介绍】相关文章:

1.JavaScript清空数组的方法

2.浅谈javascript数组

3.javascript数组使用调用方法

4.Java数组定义常用方法

5.JavaScript常用方法汇总

6.JavaScript数组的栈方法与队列方法

7.JavaScript中的索引数组、关联数组和静态数组、动态数组的分类讲

8.javascript创建数组之联合数组的使用方法