JS中数组的常用方法简单总结

前言

接触前端也有一段时间了，平时也会记很多的笔记，但是还是会时常忘记。所以我觉得吧，想要学好前段就得学会总结，还得有自己的理解，就是用自己的话把代码解释清楚，这样才会记住代码的用途。数组在js中经常用于保存数据，是操作频率非常高的数据类型，js也提供了很多方法来对数组进行操作。在下也总结了一些方法。在这里希望和各位道友共同进步。

代码演示

1、push()和pop()
push():可以接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度。
pop():从数组末尾移除最后一项，减少数组的length值，然后返回移除的项。
书写格式：arr.push(" ") 括号里面写内容(“字符串要加引号”)
书写格式：arr.pop( )

var arr = ["Lily","lucy","Tom"];
var count = arr.push("Jack","Sean");
console.log(count); 　　　　　　　　　// 5
console.log(arr); 　　　　　　　　　　// ["Lily", "lucy", "Tom", "Jack", "Sean"]
var item = arr.pop();
console.log(item); 　　　　　　　　　 // Sean
console.log(arr); 　　　　　　　　　  // ["Lily", "lucy", "Tom", "Jack"]

2、shift() 和 unshift() (和上面的push，pop相反，针对第一项内容)
shift():能够移除数组中的第一个项并返回该项，同时将数组长度减 1；如果数组为空则返回undefined 。
unshift():能够在数组前面添加任意个项并返回新数组的长度。
书写格式：arr.shift(" ") 括号里面写内容(“字符串要加引号”)
书写格式：arr.shift()

var arr = ["Lily","lucy","Tom"];
var count = arr.unshift("Jack","Sean");
console.log(count); 　　　　　　　　　// 5
console.log(arr); 　　　　　　　　　  //["Jack", "Sean", "Lily", "lucy", "Tom"]
var item = arr.shift();
console.log(item); 　　　　　　　　　 // Jack
console.log(arr); 　　　　　　　　　  // ["Sean", "Lily", "lucy", "Tom"]

3、reverse()
reverse():反转数组项的顺序。
书写格式：arr.reverse( )

var arr = [13, 24, 51, 3];
console.log(arr.reverse()); 　　　　　//[3, 51, 24, 13]
console.log(arr); 　　　　　  　　　　//[3, 51, 24, 13](原数组改变)

4、sort()
sort():按字母表升序排列数组项。
书写格式：arr.sort( )

var arr1 = ["a", "d", "c", "b"];
console.log(arr1.sort()); 　　　　　　// ["a", "b", "c", "d"]

5、concat()
concat():可以基于当前数组中的所有项创建一个新数组，参数可以是数组项或者数组。
书写格式：arr.concat() 括号里面写内容(“字符串要加引号”)

var arr = [1,3,5,7];
var arrCopy = arr.concat(9,[11,13]);
console.log(arrCopy); 　　　　　　　　//[1, 3, 5, 7, 9, 11, 13]
console.log(arr); 　　　　　　　　　　// [1, 3, 5, 7](原数组未被修改)

6、slice()
slice():能够基于当前数组中的一或多个项创建一个新数组。可以接受一或两个参数。如果有一个参数，slice()方法返回从该参数指定位置开始到当前数组末尾的所有项。如果有两个参数，该方法返回起始和结束位置之间的项，但不包括结束位置的项。
书写格式：arr.slice( 1 , 3 )

var arr = [1,3,5,7,9,11];
console.log(arr); 　　　　　　　　　  //[1, 3, 5, 7, 9, 11](原数组没变)

7、splice()
splice()：删除、插入和替换。
删除:指定 2 个参数：要删除的第一项的位置和要删除的项数。
书写格式：arr.splice( 1 , 3 )
插入:可以向指定位置插入任意数量的项，只需提供 3 个参数：起始位置、 0（要删除的项数）和要插入的项。
书写格式：arr.splice( 2,0,4,6 )
替换:可以向指定位置插入任意数量的项，且同时删除任意数量的项，只需指定 3 个参数：起始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。
书写格式：arr.splice( 2,0,4,6 )

var arr = [1,3,5,7,9,11];
var arrRemoved = arr.splice(0,2);
console.log(arr); 　　　　　　　　　 　　//[5, 7, 9, 11]
console.log(arrRemoved); 　　　　　　　　//[1, 3]
var arrRemoved2 = arr.splice(2,0,4,6);
console.log(arr); 　　　　　　　　　　　 // [5, 7, 4, 6, 9, 11]
console.log(arrRemoved2); 　　　　　　　 // []
var arrRemoved3 = arr.splice(1,1,2,4);
console.log(arr); 　　　　　　　　　　　 // [5, 2, 4, 4, 6, 9, 11]
console.log(arrRemoved3); 　　　　　　　 //[7]

8、join()
join:将数组转换成对应的字符串。参数就是连接符。
书写格式：join(" ") 括号里面写字符串(“要加引号”)

var arr = [1,2,3];
console.log(arr.join()); 　　　　 // 1,2,3
console.log(arr.join("-")); 　　  // 1-2-3
console.log(arr); 　　　　　　　　// [1, 2, 3]（原数组不变）

结尾

第一次写博客，都是些简单的数组方法，如果存在错误或者表达不当，还望及时告知，谢谢。