js数组截取方式splice()和slice()方法

大家好，又见面了，我是你们的朋友全栈君。

js数组截取方式splice()和slice()方法

1.splice()
splice() 方法可以添加元素、删除元素，也可以截取数组片段。删除元素时，将返回被删除的数组片段，因此可以使用 splice() 方法截取数组片段

// 传递一个参数，则该方法仅执行删除操作，参数值指定删除元素的起始下标（包含该下标元素）
//splice() 方法将删除后面所有元素
var a = [1,2,3,4,5];  //定义数组
var b = a.splice(2);  //从第三个元素开始执行删除
console.log(b);  //被删除的子数组是[1,2]

// 传递两个参数，则第 2 个参数值表示要删除元素的个数
// 特别注意：如果不执行删除操作，第 2 个参数值应该设置为 0，但是不能够空缺，否则该方法无效
var a = [1,2,3,4,5];  //定义数组
var b = a.splice(2，2);  //从第三个元素开始执行删除，删除元素个数为2个
console.log(b);  //被删除的子数组是[1,2,5]

var b = a.splice(2,0);  //不执行删除操作
console.log(b.constructor == Array);  //返回true，说明是一个空数组

// 传递三个或多个参数，则第 3 个以及后面所有参数都被视为插入的元素
var a = [1,2,3,4,5];  //定义数组
var b = a.splice(2,2,6,7);  
//从第三个元素开始执行删除，删除元素个数为2个，第三个及以后的参数作为需要插入的元素
console.log(a);  //返回[1,2,6,7,5]

// 特别注意1
// 当第 1 个参数值大于 数组length 属性值时，被视为在数组尾部执行操作，因此删除无效3
// 但是可以在尾部插入多个指定元素
var a = [1,2,3,4,5];  //定义数组
var b = a.splice(6,2,2,3);  //起始值大于length属性值
console.log(a);  //返回[1,2,3,4,5,2,3]

// 特别注意2
// 如果第 1 个参数为负值，则按绝对值从数组右侧开始向左侧定位。如果第 2 个参数为负值，则被视为 0
var a = [1,2,3,4,5];   //定义数组
var b = a.splice(-2,-2,6,7);  //第一、二个参数都为负值
console.log(a);  //返回[1,2,3,6,7,4,5]

2.slice()
slice() 方法与 splice() 方法功能相近，但是它仅能够截取数组中指定区段的元素，并返回这个子数组。该方法包含两个参数，分别指定截取子数组的起始和结束位置的下标

var a = [1,2,3,4,5];  //定义数组
var b = a.slice(2,4);  //截取第三个元素到第五个元素前的所有元素
console.log(b);  //返回[3,4,5]

// 特别注意1
// 第 1 个参数指定起始下标位置，包括该值指定的元素；第 2 个参数指定结束位置，不包括指定的元素

// 特别注意2
// 方法的参数可以自由设置。如果不传递参数，则不会执行任何操作
// 如果仅指定一个参数，则表示从该参数值指定的下标位置开始，截取到数组的尾部所有元素
var a = [1,2,3,4,5];  //定义数组
var b = a.slice(2);  //截取数组中第三个元素，以及后面所有元素
console.log(b);  //返回[3,4,5]

// 特别注意3
// 当参数为负值时，表示按从右到左的顺序进行定位，即倒数定位法，而不再按正数顺序定位（从左到右）
// 但取值顺序依然是从左到右
var a = [1,2,3,4,5];  //定义数组
var b = a.slice(-4,-2);  //截取倒数第四个元素到倒数第二个元素前的元素
console.log(b);   //返回[2,3]

// 特别注意4
// 如果起始下标值大于或等于结束下标值，将不执行任何操作
var a = [1,2,3,4,5];  //定义数组
var b = a.slice(-2,-4);  //截取倒数第二个元素到倒数第四个元素前的元素
console.log(b);  //返回空集
// 上面示例说明数组在截取时，始终是按从左到右的顺序执行操作，而不会是从右到左的反向操作。

// 特别注意5
// 当起始参数值大于或等于 length 属性值时，将不会执行任何操作，返回空数组
// 如果第二个参数值大于 length 属性值时，将被视为 length属性值
var a = [1,2,3,4,5];  //定义数组
var b = a.slice(3,10);  //截取第四个元素，直到后面所有元素
console.log(b);  //返回[4,5]

slice() 方法将返回数组的一部分（子数组），但不会修改原数组。而 splice() 方法是在原数组基础上进行截取。如果希望在原数组基础上进行截取操作，而不是截取为新的数组，这时候就只能够使用 splice() 方法