数组常用的方法
push() 可以接收任意数量的参数,把它们逐个添加到数组末尾,并返回修改后数组的长度。改变原数组。
var arr = [1, 2];
console.log(arr.push(3, 4, 5));//返回修改后数组的长度 5
console.log(arr);//[1, 2, 3, 4, 5]
pop() 从数组末尾移除最后一项,减少数组的length值,然后返回移除的项
var arr = [1, 2];
console.log(arr.pop()); //2
console.log(arr);//1
unshift() 方法能够在数组前面添加任意个项并返回新数组的长度
var arr = [1, 2];
console.log(arr.unshift(3, 4, 5, 6));//6 新数组的长度
console.log(arr);//[3,4,5,6,1,2]
shift() 方法能够移除数组中的第一个项并返回该项,同时将数组长度减 1。
var arr = [2,3,4,5,6]
console.log(arr.shift());//2
console.log(arr);//[ 3, 4, 5, 6]
reverse() 方法会反转数组项的顺序。
var arr = ['a', 'b', 'c'];
console.log(arr.reverse());//["c", "b", "a"]
console.log(arr);//["c", "b", "a"]
sort() 方法按字母表升序排列数组项。
var arrstr = ['cyan', 'apple', 'banana'];
console.log(arrstr.sort());//["apple", "banana", "cyan"]
如果利用sort排序数字,需要添加一个比较函数作为参数。
如果该函数的返回值为a - b 则数组从小到大排序
如果该函数返回的是b - a 则数组从大到小排序
var arrnum = [9, 6, 3, 8, 2, 5, 7000, 100, 4];
console.log(arrnum.sort(function (a, b) {
return a - b;
}));//[2, 3, 4, 5, 6, 8, 9, 100, 7000]
concat() 方法可以基于当前数组中的所有项创建一个新数组,参数可以是数组项或者数组。
var arr = [1, 2, 3];
console.log(arr.concat());//生成新的数组 克隆arr数组
console.log(arr.concat('shangguan', arr));//[1, 2, 3, "shangguan", 1, 2, 3]
console.log(arr);//[1, 2, 3]
slice() 方法它能够基于当前数组中的一或多个项创建一个新数组。可以接受一或两个参数(索引位置)。
var arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g'];
console.log(arr.slice());//生成新的数组 全部截取 从0开始
console.log(arr.slice(1));//从当前的索引位置截取。["b", "c", "d", "e", "f", "g"]
console.log(arr.slice(1, 5));//不包括结束位置 ['b', 'c', 'd', 'e']
console.log(arr.slice(1, -3));//['b', 'c', 'd']负数表示从后往前找位置,-1开始。截取始终是从前完后。
splice() 方法,对数组进行删除、插入、替换,是最强大的数组方法,返回值是数组,改变原数组。
参1:起始索引位置
参2:删除的长度
参数3开始:需要添加的数组项。
var arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g'];
//删除
console.log(arr.splice(1, 3));//输出删除项 ['b', 'c', 'd']
console.log(arr);//['a', 'e', 'f', 'g']
//插入:不删除,删除的起始位置直接添加
console.log(arr.splice(1, 0, 'h', 'i', 'j'));//[]
console.log(arr);//["a", "h", "i", "j", "b", "c", "d", "e", "f", "g"]
//替换:删除了3项,对应添加了3项,理解成替换了
console.log(arr.splice(1, 3, 'hello', 'hi', 'hehe'))//['b', 'c', 'd']
console.log(arr);// ["a", "hello", "hi", "hehe", "e", "f", "g"]
join() 方法,将数组转换成对应的字符串。参数就是连接符。
var arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g'];
console.log(arr.join());//a,b,c,d,e,f,g
console.log(arr.join('#'));//a#b#c#d#e#f#g
console.log(arr.join(''));//abcdefg
es5中新增了一些数组的方法
indexOf
返回要查找的项在数组中的索引位置,没找到的情况下返回-1。
两个参数:参1要查找的数组项,参2(可选的)查找的起点位置的索引
var arr = ['apple', 'banana', 'pear', 'orange', 'banana', 'pear', 'orange'];
console.log(arr.indexOf('pear'));//2 始终找第一次出现的
console.log(arr.indexOf('pear', 3));//5 从索引3的位置开始从前往后进行查找。
console.log(arr.indexOf('pearabc'));//没找到的情况下返回-1
lastIndexOf:从数组的末尾开始向前查找,位置索引还是从前往后数
var arr = ['apple', 'banana', 'pear', 'orange', 'banana', 'pear', 'orange'];
console.log(arr.lastIndexOf('pear'));//5
every():对数组中的每一项运行给定的函数,如果该函数对数组的每一项都返回true,整个方法的结果就是true.
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var result = arr.every(function (value, index, array) {
// //value:数组项的值
// //index:数组项的索引位置
// //array:数组本身
return value > 0;
});
console.log(result);//true
some():对数组中的每一项运行给定的函数,如果该函数对数组的任意一项返回true,结果就返回true.
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var result = arr.some(function (value, index, array) {
return value > 5;//有一个数组项满足条件即可。
});
console.log(result);
filter():对数组中的每一项运行给定的函数,返回该函数结果为true项组成的数组。(过滤)
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var result = arr.filter(function (value, index, array) {
return value > 5;
});
console.log(result);//[6, 7, 8, 9]
reduce() reduceRight()
reduce() : 从数组的第一项开始,逐个遍历到最后。
reduceRight() :从数组的最后一项开始,逐个遍历到第一项。
方法包含两个参数:参1每一项执行的函数,参2 迭代的初始值(可选的)
每一项执行的函数里面包含四个参数(前一个值,当前值,数组项的索引,数组本身))
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
//一个参数:每一项执行的函数
var result = arr.reduce(function (prev, curr, index, array) {
//console.log(prev);//第一次找的是数组的第一项,后面的每一次值就是迭代的结果。
//console.log(curr);//分别表示从数组的第二项开始的值。
console.log(prev + "|" + curr);
return prev + curr;
});
console.log(result);//55