前言
阅读某一大佬的算法源码,发现了大量使用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源码学习,不过就目前有心也无力,空闲的时候也静不下来看,只能遇到啥问题就学习啥了。