数组常用的方法汇总(这是es5之前的语法,es5新增的方法在下一篇文章)

1.concat():连接一个数组组成一个新数组.

var arr = [1,2,3]
var newArr=arr.concat([4,5,6])
console.log(newArr);//[1, 2, 3, 4, 5, 6]
console.log(arr);// [1, 2, 3],原数组没变

参数说明:

2.join():把数组中的所有元素变成一个字符串.

var arr = [1,2,3]
var newArr1=arr.join()
var newArr2=arr.join('')
var newArr3=arr.join(' ')
var newArr4=arr.join("|")
console.log(newArr1);//1,2,3
console.log(newArr2);//这一点要留意,打印结果是:123
console.log(newArr3);//1 2 3
console.log(newArr4);//1|2|3
console.log(arr);//原数组不变,还是[1,2,3]

说明:
如果没有传入参数,数组值默认和数组的形式一样会用逗号隔开;
如果传入参数可来分割内容,这样可以起到去除逗号效果,比如传入’’,则每个数组值直接相连,如何传入’ ',则中间会有空格隔开.)

参数说明:

3.pop():删除并返回最后一个元素(这里的删除是删除最后一个元素).

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

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

var arr = [1,2,3]
var newArr=arr.push(3);
console.log(newArr);//4,返回的是最新数组的长度
console.log(arr);//[1,2,3,3]//原数组已经改变

参数说明:

上面两条总结:增加元素用push,删除元素用pop.

5.reverse():翻转数组中的元素.

var arr = [1,2,3]
var newArr=arr.reverse();
console.log(newArr);//[3, 2, 1]
console.log(arr);//[3, 2, 1],注意原数组已变

reverse()方法没有参数.

6.shift():删除并返回数组的第一个元素.

var arr = [1,2,3]
var newArr=arr.shift();
console.log(newArr);//1
console.log(arr);//[2,3],原数组已变

7.unshift():向数组的楷体添加一个或者更多元素,返回的是新数组的长度.

var arr = [1,2,3]
var newArr=arr.unshift(1);
console.log(newArr);//4
console.log(arr);//[1,1,2,3],原数组已变

上面shift和unshift区别总结有两点:
第一点:shift是删除,而unshift是增加;
第二点:shift返回的是删除的那个值,unshift返回的是新数组的长度;

两者相同点:都是开头部分操作数组.

8.slice(start,end): 从数组中从start取到end,组成一个新数组(取头不取尾).

var arr = [1,2,3]
var newArr=arr.slice(1,2);//意思从下标1开始取,取到下标2为止,遵循取头不取尾.
console.log(newArr);//[2]
console.log(arr);// [1, 2, 3],原数组不变

9.sort(fn):数组排序.

var arr = [4,2,3]
var newArr=arr.sort(function (a,b){
    return a-b  //小到大排序
});
console.log(newArr);// [2, 3, 4]
console.log(arr);// [2, 3, 4]

总结:参数1-参数2是小到大排序,大到小排序用参数2-参数1或者将结果进行数组翻转即可

10.splice() :向数组中添加/删除项目，然后返回被删除的项目。

var arr = [4,2,3]
var newArr=arr.splice(1,1,23);
console.log(newArr);//[2],返回的是删除的2
console.log(arr);//[4, 23, 3],原数组已变

参数说明: