zoukankan      html  css  js  c++  java
  • JavaScript Array.prototype.splice()方法的使用

    1.功能介绍

      splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容,此方法会改变原数组,简单来说,仅仅通过这一个方法就可以实现对数组元素的增、删、改操作。

    2.基本使用

      Array.prototype.splice(start, deleteCount, ...items),各参数叙述如下:

    • start:指定修改的开始位置(从0计数)。如果超出了数组的长度,则从数组末尾开始添加内容;如果是负值,则表示从数组末位开始的第几位(从-1计数,这意味着-n是倒数第n个元素并且等价于array.length-n);如果负数的绝对值大于数组的长度,则表示开始位置为第0位;

    • deleteCount:整数,可选,表示要移除的数组元素的个数。如果 deleteCount 大于 start 之后的元素的总数,则从 start 后面的元素都将被删除(含第 start 位)。如果 deleteCount 被省略了,或者它的值大于等于array.length - start(也就是说,如果它大于或者等于start之后的所有元素的数量),那么start之后数组的所有元素都会被删除。如果 deleteCount 是 0 或者负数,则不移除元素。这种情况下,至少应添加一个新元素;
    • ...items:用逗号分隔的参数,可选,要添加进数组的元素,从start 位置开始。如果不指定,则 splice() 将不会添加数组元素,只删除数组元素;  
    // 注:下述每个操作都是单独对nums进行的,前后没有关联
    const nums = [2, 7, 11, 2, 15]
    
    // 参数:start        
    // 从start开始(包含start),删除后续所有元素
    nums.splice(2) // nums = [2, 7]
    
    // 参数:start, deleteCount    
    // 从start开始(包含start),删除deleteCount数目的元素
    nums.splice(3, 2) // nums = [2, 7, 11]
    
    // 参数:start, 0, ..items        
    // 从start位置开始,插入传入的参数
    nums.splice(0, 0, 1, 2) // [1, 2, 2, 7, 11, 2, 15]
    
    // 参数:start, deleteCount, ...items        
    // 此时,items.length === deleteCount,从start开始,将deleteCount个元素依次修改为items
    // 过程:先删除deleteCount个元素,再插入items.length个元素
    nums.splice(1, 2, 8, 12) // [2, 8, 12, 2, 15]
    nums.splice(1, 2, 8, 12, 13) // [2, 8, 12, 13, 2, 15]
    nums.splice(1, 3, 8, 12) // [2, 8, 12, 15]

    3.参考文档

      https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/splice

  • 相关阅读:
    [Javascript] Use a custom sort function on an Array in Javascript
    [Unit Testing] Fundamentals of Testing in Javascript
    [WASM] Create a New Rust/Webpack Project using the rust-webpack Template
    [Adobe Analytics] Segments types
    win7系统远程连接其它计算机,并且向远程机传输文件
    移动应用数据统计分析平台汇总
    设计模式(策略模式)
    程序员与卓别林
    我的Android进阶之旅------>HTTP 返回状态值详解
    OSX: 真的吗?Mac OS X重大漏洞 改时钟获系统最高权限
  • 原文地址:https://www.cnblogs.com/haveadate/p/13690713.html
Copyright © 2011-2022 走看看