js数组中slice与splice详解

本文详细介绍了JavaScript中数组的slice和splice方法。slice方法用于无损地获取数组的一部分,支持正负索引,不改变原数组。splice方法则功能更强大,可以用于删除、插入和替换数组元素,它会直接修改原数组。通过实例展示了这两个方法的不同用法和参数含义。
摘要由CSDN通过智能技术生成

1.slice

(1)只给一个参数,则返回从参数(下标)开始到数组最后一个值的所有数据

   有两个参数,slice(参数1,参数2)

(2)参数1代表起始下标

(3)参数2代表结束下标

(4)获取从参数1开始到参数2结束的范围内的数据(注:不包含参数2下标的数据)

注:1、不会改变原数组的数据 2、当条件不满足时返回空数组 3、参数是负值的时候,则参数=参数+数组长度

let arr = ["A", "B", "C", "D", "E", "F", "G"];
 result = arr.slice(3, 5); //["D", "E"]
 console.log(result);
 result = arr.slice(0, 4);
 console.log(result); //["A", "B", "C", "D"]
 result = arr.slice(7);
 console.log(result); //[]
 result = arr.slice(-3);
 console.log(result); // ["E", "F", "G"]
 result = arr.slice(-4, -1);
 console.log(result); //["E", "F"]

2.splice

功能:splice() 方法对数组进行删除、插入、替换,是最强大的数组方法,返回值是数组,会改变原数组。

用法:

splice(参数)

  • 1、只给一个参数,则返回从参数(下标)开始到数组最后一个值的所有数据

  • 2.splice(参数1,参数2) :1、参数1代表起始下标 2、参数2代表(个数)3、获取从参数1的下标开始,截取参数2的个数的数据

  • 3.当传3个参数

    splice(参数1,参数2,参数3)

    1、若第2个参数为0,则代表插入:参数1:起始下标  参数2:0  参数3:插入的值

    2、若第2个参数不为0,则代表修改:参数1:起始下标  参数2:n(修改数据的个数)参数3:修改后的值

  • 4.当传入多个参数

    splice(参数1,参数2,参数3..参数n)

    1、参数2为0,参数3及以后的参数为插入的数据

    注:插入到参数1之前

    2、参数2不为0,参数3及以后的参数为修改的数据

    注:即从参数1开始,往后数参数2个数据,修改成参数3及3以后的数据

  • 例如:
    let arr = ["A", "B", "C", "D", "E", "F", "G"];
    let result;
    
    result = arr.splice(1, 4);
    console.log(result, arr); //["B", "C", "D", "E"] , ["A", "F", "G"]
    
    // 修改
    result=arr.splice(0,4,2);
    console.log(result,arr);//[ 'A' ] [ 2, 'F', 'G' ]
    // 插入
    result=arr.splice(1,0,2);
    console.log(arr);//[ 'A', 2,   'B', 'C','D', 'E', 'F', 'G' ]

     

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值