js知识——数组slice()方法和splice()方法

数组slice()方法和splice()方法

/**
*slice()方法接收两个参数，一个是起始位置，一个是结束位置
* 可以只传一个起始位置，就会返回从起始位置到结尾的所有项
* 他会返回起始位置和结束位置之间的项，包含起始位置，但是不包含结束位置
*/
var arr = [1,2,3,4,5,6,7,8,9,0];
console.log(arr.slice(1))//[2, 3, 4, 5, 6, 7, 8, 9, 0]
console.log(arr.slice(1,4))//[2, 3, 4]
console.log(arr)// [1, 2, 3, 4, 5, 6, 7, 8, 9, 0]
/**
*slice()方法并没有改变原来的数组，返回一个新的数组 
* slice()，两个参数还可以用负数哟
* 用负数的话就是       数组的长度 + 负数     来确定位置从哪里开始，从哪里结束
*/
console.log(arr.slice(-4,-2))//[7, 8] .....这个就是从  10-4 开始   10-2结束
console.log(arr.slice(-2,-4))//[] ..... 这个就是从   10-2 开始    10-4  结束




/**
* splice()方法应该是最强大的数组方法了
* 主要用途是向数组的中部插入项，参数有三个，一个是起始位置，第二个是删除，插入的项数，第三个是要插入的项
*/
var arr1 = [1,2,3,4,5,6];//删除任意数量的项
console.log(arr1.splice(0,1))//[1]    返回了要删除的项
console.log(arr1)//[2, 3, 4, 5, 6]  他改变了原来的数组

var arr2 = [1,2,3,4,5,6];//插入任意的数量项
console.log(arr2.splice(6,0,7,8,9))//[]
console.log(arr2)//[1, 2, 3, 4, 5, 6, 7, 8, 9]

var arr3 = [1,2,3,4,5,6];//向指定位置插入任意数量的项，并删掉任意数量的项
console.log(arr3.splice(1,2,7,8))//[2, 3]
console.log(arr3)//[1, 7, 8, 4, 5, 6]

图解

splice方法可以用来对js的数组进行删除，添加，替换等操作。

1. 删除功能，第一个参数为第一项位置，第二个参数为要删除几个。

用法：array.splice(index,num)，返回值为删除内容，array为结果值。

2. 插入功能，第一个参数（插入位置），第二个参数（0），第三个参数（插入的项）。

用法：array.splice(index,0,insertValue)，返回值为空数组，array值为最终结果值。

3. 替换功能，第一个参数（起始位置），第二个参数（删除的项数），第三个参数（插入任意数量的项）。

用法：array.splice(index,num,insertValue)，返回值为删除内容，array为结果值。