js中数组常用操作函数

前言

阅读某一大佬的算法源码，发现了大量使用slice()方法。由于之前没有接触过，特此汇总和学习。

slice()方法

slice()通过索引位置获取新的数组，该方法不会修改原数组，只是返回一个新的子数组。

原型:arrayObject.slice(start,end)

参数	描述
start 必需	规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。
end 可选	规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。

代码

var arr = ['a','b','c']
undefined
arr
(3) ["a", "b", "c"]
arr.slice()
(3) ["a", "b", "c"]
arr.slice(0)
(3) ["a", "b", "c"]
arr.slice(1)
(2) ["b", "c"]
arr.slice(-1)
["c"]

concat()方法

concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回一个新数组。

arrayObject.concat(arrayX,arrayX,......,arrayX)

参数	描述
arrayX 必需	该参数可以是具体的值，也可以是数组对象。可以是任意多个

代码

var a = [1,2,3]
undefined
a
(3) [1, 2, 3]
a.concat(4,5)
(5) [1, 2, 3, 4, 5]

splice()函数

splice() 方法用于添加、删除和替换数组中的元素。这种方法会改变原始数组。

array.splice(index,howmany,item1,.....,itemX)

参数 Values

参数	描述
index 必需	必需。规定从何处添加/删除元素。 该参数是开始插入和（或）删除的数组元素的下标，必须是数字。
howmany 可选	可选。规定应该删除多少元素。必须是数字，但可以是 "0" 如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素
item1, …, itemX	可选。要添加到数组的新元素

返回值

Type	描述
Array	如果从 arrayObject 中删除了元素，则返回的是含有被删除的元素的数组

代码一

var list = [1,2,3]
// 删除
var list1 = list.splice(0,1)
console.log(list)  // [2,3]
console.log(list1) // [1]
// 替换
var list2 = list.splice(0,1,2)
console.log(list) // [2,2,3]
console.log(list2) // [2]
// 添加
var list3 = list.splice(0,0,3)
console.log(list) // [3,1,2,3]
console.log(list3) // []

输出

VM162:4 (2) [2, 3]
VM162:5 [1]
VM162:8 (2) [2, 3]
VM162:9 [2]
VM162:12 (3) [3, 2, 3]
VM162:13 []

代码二

var list = [1,2,3,4,5,6,7,8]
undefined
list
(8) [1, 2, 3, 4, 5, 6, 7, 8]
list.splice(2)
(6) [3, 4, 5, 6, 7, 8]
list
(2) [1, 2]

后记

曾几何时，一直都打算能深入理解JQuery源码学习，不过就目前有心也无力，空闲的时候也静不下来看，只能遇到啥问题就学习啥了。