首页 > 技术文章 > js数组方法

forever-xuehf 2020-04-26 17:50 原文

一、基本操作。

1、Array.isArray方法返回一个布尔值,表示参数是否为数组。它可以弥补typeof运算符的不足

 

2、pushpop结合使用,就构成了“后进先出”的栈结构(stack)、push()和shift()结合使用,就构成了“先进先出”的队列结构(queue)

push(): 可以接收任意数量的参数,把它们逐个添加到数组末尾,并返回修改后数组的长度。 
pop():数组末尾移除最后一项,减少数组的 length 值,然后返回移除的项

shift():删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined 。 
unshift:将参数添加到原数组开头,并返回数组的长度

 

3、join()方法以指定参数作为分隔符,将所有数组成员连接为一个字符串,返回该字符串如果不提供参数,默认用逗号分隔(如果数组成员是undefinednull或空位,会被转成空字符串。)

 

 

4、通过call方法,这个方法也可以用于字符串或类似数组的对象。

注意:(Array.prototype.join.call('hello', '-')// "h-e-l-l-o"

var obj = { 0: 'a', 1: 'b', length: 2 };

Array.prototype.join.call(obj, '-')// 'a-b'

 

5、reverse():反转数组项的顺序,返回反转后的数组

 

6、concat():将参数添加到原数组中,返回添加后的数组

 

7、slice():返回从原数组中指定开始下标到结束下标之间的项组成的新数组。

a。只有一个参数的情况下, slice()方法返回从该参数指定位置开始到当前数组末尾的所有项。

b。有两个参数,该方法返回起始和结束位置之间的项——但不包括结束位置的项.

 

 

8、 splice():可以实现删除、插入和替换,始终都会返回一个数组,该数组中包含从原始数组中删除的项,如果没有删除任何项,则返回一个空数组。

 

删除:可以删除任意数量的项,只需指定 2 个参数:要删除的第一项的位置和要删除的项数。

 

插入:可以向指定位置插入任意数量的项,只需提供 3 个参数:起始位置、 0(要删除的项数)和要插入的项。
替换:可以向指定位置插入任意数量的项,且同时删除任意数量的项,只需指定 3 个参数:起始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。

 

 

9、indexOf()和 lastIndexOf():返回要查找的项在数组中的位置(index),没找到的情况下返回-1

indexOf():接收两个参数:要查找的项和(可选的)表示查找起点位置的索引。其中, 从数组的开头(位置 0)开始向后查找。 
lastIndexOf:接收两个参数:要查找的项和(可选的)表示查找起点位置的索引。其中, 从数组的末尾开始向前查找。

 

【这两个方法内部,使用严格相等运算符(===)进行比较,而NaN是唯一一个不等于自身的值。】

 

 

二、遍历操作

1、map():接受一个函数作为参数。该函数调用时,map方法向它传入三个参数:当前成员、当前位置和数组本身。

[1, 2, 3].map(function(elem, index, arr) {
  return elem * index;
});
// [0, 2, 6]

注意:map还可以第二个参数:用来绑定回调函数内部的this变量:如下

 

var arr = ['a', 'b', 'c'];
[1, 2].map(function (e) {
  return this[e];
}, arr)
// ['b', 'c']

 

 

2、forEach():参数是一个函数,该函数同样接受三个参数:当前值、当前位置、整个数组。【注:forEach方法无法中断执行,总是会将所有成员遍历完

同样的forEach还可以第二个参数:用来绑定回调函数内部的this变量:如下

 

var out = [];
[1, 2, 3].forEach(function(elem) {
  this.push(elem * elem);
}, out);
out // [1, 4, 9]

 

 

3、filter():参数是一个函数,函数可以接受三个参数:当前成员,当前位置和整个数组。

所有数组成员依次执行该函数,返回结果为true的成员组成一个新数组返回

同样的filter方法还可以接受第二个参数,用来绑定参数函数内部的this变量:如下

 

var obj = { MAX: 3 };
var myFilter = function (item) {
  if (item > this.MAX) return true;
};
var arr = [2, 8, 3, 4, 1, 3, 2, 9];
arr.filter(myFilter, obj) // [8, 4, 9]

 

 

4、some()every():参数是一个函数,函数可以接受三个参数:当前成员,当前位置和整个数组。返回一个布尔值。

 

这两个方法类似断言assert),返回一个布尔值,表示判断数组成员是否符合某种条件。

 

var arr = [1, 2, 3, 4, 5];
var arr2 = arr.some(function(x) {
return x < 3;
}); 
console.log(arr2); //true
var arr3 = arr.some(function(x) {
return x < 1;
}); 
console.log(arr3); // false

 

 

5、reduce方法和reduceRight:依次处理数组的每个成员,最终累计为一个值。

第一个参数是一个函数。该函数接受以下四个参数:

a。累积变量,默认为数组的第一个成员(必须)

b。当前变量,默认为数组的第二个成员(必须)

c。当前位置(从0开始)(可选)

d。原数组(可选)

第二个参数是对累积变量指定初值:

[1, 2, 3, 4, 5].reduce(function (a, b) {
  return a + b;
}, 10);// 25

 

 

三、是否改变原数组

不会改变原来数组:

concat()---返回添加后的数组

every()---返回布尔值

some()---返回布尔值

filter()---返回符合条件所有元素的数组。

indexOf()---返回它所在的位置index。

join()---返回该字符串。

toString()---把数组转换为字符串,返回结果。
lastIndexOf()---返回它所在的位置index

map()---返回处理后的数组。

slice()---返回选取数组的后的一个新数组。

 

会改变原数组:

pop()---返回删除的元素。

push()---向数组的末尾添加一个或更多元素,返回新的长度。

shift()---删除并返回数组的第一个元素。

unshift()---向数组的开头添加一个或更多元素,并返回新的长度。

reverse()---反转数组的元素顺序。

sort()---对数组的元素进行排序。

splice()---用于插入、删除或替换数组的元素。

 

推荐阅读