数组的方法

Posted 2021-05-26 郭郭郭牧鑫

数组在我们js中的的地位很好，而且我们对于数组的操作过于频繁，所以我们应该总结一下数组的方法

数组尾操作

Array.push()，向数组的末尾添加一个或多个元素，输出是返回新的数组长度。并且数组发生改变

var arr=[1,11,111,1111]
arr.push(2,22,222)
//arr发生改变
arr=[1,11,111,1111,2,22,222]

Array.pop()，删除并返回数组的最后一个元素，若该数组为空，就返回undefined。并且原数组改变。

var arr=[1,11,111,1111,2]
var arr1=arr.pop()
    //arr1=2
    //arr=[1,11,111,1111]

 数组首操作

Array.unshift()，向数组的开头添加一个或多个元素，并返回新的数组长度。原数组改变。

var arr=[1,11,111,1111]
var arr1=arr.unshift(0)
    //arr1=2
    //arr=[2,1,11,111,1111]

Array.shift()，删除数组的第一项，并返回第一个元素的值。若该数组为空，则返回undefined。原数组改变。

var arr=[1,11,111,1111]
var arr1=arr.shift()
    //arr1=1
    //arr=[11,111,1111]

 连接两个或多个数组

Array.concat(arr1,arr2...)，合并两个或多个数组，生成一个新的数组。原数组不变。

var arr=[1,11,111,1111]
var arr1=[2,3,4]
var arr2=arr.concat(arr1)
    //arr2=[1,11,111,1111,2,3,4]
    //arr=[1,11,111,1111]

join()

Array.join()，将数组的每一项用指定字符连接形成一个字符串。默认连接字符为 “,” 逗号。

var arr=[1,11,111,1111]
var arr1=arr.jojn()
var arr2=arr.jojn("-")
    //arr1=[1,11,111,1111]
    //arr2=[1-11-111-1111]

排序

Array.sort()，对数组元素进行排序。按照字符串UniCode码排序，原数组改变。

　　①从小到大排

var arrNum = function(a,b){
    return a-b
}
arr.sort(arrNum);//[1,11,111,1111]

　　②从大到小排

var arrNum = function(a,b){
    return b-a
}
arr.sort(arrNum);//[1111,111,11,1]

　　③按照数组对象中的某个值进行排序

var arr=[
    {name:"11",age"15"},
    {name:"15",age"25"},
    {name:"18",age"19"}
]
function com(param){
    return function sortAge(a,b){
        return a[param]-b[param];
    }
}
arr.sort(com("age"));


//输出
//{name:"11",age"15"}
//{name:"18",age"19"}
//{name:"15",age"25"}

 反转数组

Array.reverse()，将数组倒序。原数组改变。

var arr=[1,11,111,1111]
arr.reverse()
    //arr=[1111,111,11,1]

Array.slice(start,end)，从start开始，end之前结束，不到end；如果不给end值，从start开始到数组结束。start可以给负值，-1表示数组最后位置，-2表示倒数第二个，以此类推，顾前不顾后

    var arr=[1,11,111,1111]
    var a=arr.slice(-3,-1)
    //[11,111]

 Array.splice(index,howmany,arr1,arr2...) ，删除元素并添加元素，从index位置开始删除howmany个元素，并将arr1、arr2...数据从index位置依次插入。howmany为0时，则不删除元素。原数组改变。

 

ES5数组新增方法：

Array.filter(function)，过滤数组中，符合条件的元素并返回一个新的数组。

    var arr=[1,2,3,4,5]
    var a=arr.fliter(x=> x>3)
    //[4,5]

Array.reduce(function)，reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。

    var arr=[1,2,3,4,5]
    var a=arr.reduce((a,b)=>{
    a=b
})
    //15

Array.forEach(function)，用于调用数组的每个元素，并将元素传递给回调函数。原数组不变。（注意该方法和map的区别，若直接打印Array.forEach，结果为undefined）。

Array.every(function)，对数组中的每一项进行判断，若都符合则返回true，否则返回false。

Array.some(function)，对数组中的每一项进行判断，若都不符合则返回false，否则返回true。

ES6数组新增方法

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

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

Array.of()方法是将一组值转变为数组，参数不分类型，只分数量，数量为0返回空数组。

	let arr1 = Array.of(1,2,3);	
	let arr2 = Array.of([1,2,3]);
	let arr3 = Array.of(undefined);
	let arr4 = Array.of();
	console.log(arr1); // [1, 2, 3]
	console.log(arr2); // [[1, 2, 3]]
	console.log(arr3); // [undefined]
	console.log(arr4); // []