数组常用的方法

数组常用的方法

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