数组常用方法

push():可以接受一个或者多个参数，将参数追加到数组的尾部，返回添加后的数组的长度，原数组会发生改变。

var arr = [1, 2, 3];
// arr[arr.length] = 4;
var res = arr.push(4, 5);
console.log(arr); // [ 1, 2, 3, 4, 5 ]
console.log(res);  //5

pop():从数组尾部删除一个元素，返回这个被删除的元素，原数组发生改变。

var arr = [1, 2, 3];
var res3 = arr.pop();
console.log(arr);  // [ 1, 2 ]
console.log(res3); // 3

unshift():可以接受一个或者多个参数，将参数放到数组的头部，返回添加后的数组的长度，原数组会发生改变。

var arr = [1, 2, 3]; var res2 = arr.unshift(10, 20); console.log(arr); // [10,20,1,2,3,4,5] console.log(res2); // 5

shift():从数组头部删除一个元素，返回这个被删除的元素，原数组发生改变。

var arr = [1, 2, 3];
var res4 = arr.shift();
console.log(arr);  // [ 2, 3 ]
console.log(res4); // 1

slice()

截取类 如果不传参数，会返回原数组；如果一个参数，从该参数表示的索引开始截取，直至数组结束，返回这个截取数组，原数组不变；两个参数，从第一个参数对应的索引开始截取，到第二个参数对应的索引结束，但不包括第二个参数对应的索引上值，原数组不改变；最多接受两个参数。

function fnSplice() {
    var arr = [11, 34, 32, 56, 37];
    // 1 从角标为1开始删除2个元素，返回值是删除元素组成的数组，原数组变为删除后的数组
    // var res1 = arr.splice(1,2);
    // console.log(arr);  // [ 11, 56, 37 ]
    // console.log(res1); // [ 34, 32 ]
    
    //  2 从角标为2开始，添加元素，第二个参数为0，返回值是删除元素组成的数组
    // var res2 = arr.splice(2,0,10);
    // console.log(arr);  // [ 11, 34, 10, 32, 56, 37 ]
    // console.log(res2); // []
    
    //3 替换，返回值是被替换的数组，原数组变为替换后的数组
    var res3 = arr.splice(2, 2, 100, 200);
    console.log(arr);  // [ 11, 34, 100, 200, 37 ]
    console.log(res3); // [ 32, 56 ]
}
fnSplice();
 

splice()

截取类 没有参数，返回空数组，原数组不变；一个参数，从该参数表示的索引位开始截取，直至数组结束，返回截取的 数组，原数组改变；两个参数，第一个参数表示开始截取的索引位，第二个参数表示截取的长度，返回截取的 数组，原数组改变；三个或者更多参数，第三个及以后的参数表示要从截取位插入的值。

     end 截至位置 不包括end ；如果没有end，切分的数组包含从 start 到数组结束的所有元素

reverse():数组翻转

var arr3 = [1, 2, 3];
var res4 = arr3.reverse();
console.log(arr3);  //[3,2,1]
console.log(res4);  //[3,2,1]
console.log(res4 === arr3); // true

var arr7 = [];
for (var i = 0; i < arr3.length; i++) {
    arr7.push(arr3[i]);
}

sort()排序

arr.sort(function(a,b){
                return a-b; //从小到大排序
                return b-a; //从大到小排序
           }); 

join()  ：参数来拼接；分隔符。

concat（）:将参数放入原数组后返回，原数组本身不变，如果参数是数组，将值提出来。

isArray()  :判断是否是数组。

toString(): 数组转字符串

---

ES5新增的数组方法

 

2个索引方法：indexOf() 和 lastIndexOf()

indexOf():从前往后遍历，返回item在数组中的索引位，如果没有返回-1；通常用来判断数组中有没有某个元素。可以接收两个参数，第一个参数是要查找的项，第二个参数是查找起点位置的索引

lastIndexOf():与indexOf一样，区别是从后往前找

var arr2 = [-2,34,0,-5,6];

var index = arr2.indexOf(34);

var index2 = arr2.indexOf(134);

console.log(index,index2); // 1 -1

forEach()

forEach方法与map方法很相似，也是对数组的所有成员依次执行参数函数。但是，forEach方法不返回值，只用来操作数据。这就是说，如果数组遍历的目的是为了得到返回值，那么使用map方法，否则使用forEach方法；forEach的用法与map方法一致，参数是一个函数，该函数同样接受三个参数：当前值、当前位置、整个数组。

var arr = [10,30,50,70];
arr.forEach(function(item,index,arr) {
    //item表示元素、index表示下标、arr为数组
    //console.log(item,index); // 10 0
    //console.log(arr);  
    if(item >= 20) {
        console.log(item);    
    }
});
// 找数组中最小值
var arr2 = [-2,34,0,-5,6];
var min = arr2[0];
arr2.forEach(function(item,index,arr) {
    if(item < min) {
        min = item;
    }
});
alert(min);

map()

将数组的所有成员依次传入参数函数，然后把每一次的执行结果组成一个新数组返回；map方法接受一个函数作为参数。该函数调用时，map方法向它传入三个参数：当前成员、当前位置和数组本身。

var array = [10, 23, 21, 34, 44, 88];
var res2 = array.map(function (item, index, array) {
    //return 0;
    return item - 5; //返回值每个数减5
});
console.log(array); // 原数组不变 [ 10, 23, 21, 34, 44, 88 ]
console.log(res2); // [ 5, 18, 16, 29, 39, 83 ]

filter()

用于过滤数组成员，满足条件的成员组成一个新数组返回；它的参数是一个函数，所有数组成员依次执行该函数，返回结果为true的成员组成一个新数组返回。该方法不会改变原数组；可以接受三个参数：当前成员，当前位置和整个数组。

some()

该方法对数组中的每一项运行给定函数，如果该函数对任何一项返回 true，则返回true。（some方法会在数组中任一项执行函数返回true之后，不在进行循环。）

every():该方法对数组中的每一项运行给定函数，如果该函数对每一项都返回 true，则返回true。

ES6新增的数组方法

Array.from()：用于类似数组的对象（即有length属性的对象）和可遍历对象转为真正的数组。

let json ={ 
    '0':'hello', 
    '1':'123', 
    '2':'panda', 
    length:3 
} 
let arr = Array.from(json); console.log(arr);
//打印：["hello", "123", "panda"]

Array.of()：将一组值转变为数组。

let arr1 = Array.of('你好','hello'); console.log(arr1);//["你好", "hello"]

find()和findIndex()：用于找出第一个符合条件的数组成员。参数是个回调函数，所有数组成员依次执行该回调函数，直到找到第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，就返回undefined；可以接收3个参数，依次为当前值、当前位置、原数组

fill()：使用fill（）方法给定值填充数组。
如：new Array(3).fill(7);//[7,7,7]
可以接收第二个和第三个参数，用于指定填充的起始位置和结束位置（不包括结束位置）。

let arr3 = [0,1,2,3,4,5,6,7]; arr3.fill('error',2,3); 
console.log(arr3);
//[0,1,"error",3,4,5,6,7]

遍历数组的方法：
entries()、values()、keys()

这三个方法都是返回一个遍历器对象，可用for...of循环遍历，唯一区别：keys()是对键名的遍历、values()对键值的遍历、entries()是对键值对的遍历。

for(let item of ['a','b'].keys()){
    consloe.log(item);
    //0
    //1
}
for(let item of ['a','b'].values()){
    consloe.log(item);
    //'a'
    //'b'
}
let arr4 = [0,1];
for(let item of arr4.entries()){
    console.log(item);  
    //  [0, 0]
    //  [1, 1]
}

如果不用for...of进行遍历，可用使用next()方法手动跳到下一个值。

let arr5 =['a','b','c']
let entries = arr5.entries();
console.log(entries.next().value);
//[0, "a"]
console.log(entries.next().value);
//[1, "b"]
console.log(entries.next().value);
//[2, "c"]
console.log(entries.next().value);
//undefined