使用splice函数做删除、插入、替换操作的方法

  • 原创
  • |
  • 浏览：5479
  • |
  • 更新：

splice方法，是JavaScript数组方法中最强大的了，它有很多种用法，但主要的用途还是对数组做删除，插入，替换操作，具体使用方式分为下面3步进行讲解。

工具/原料

  • 任意浏览器
  • 文本编辑器

1. 使用splice做指定位置指定长度的删除操作

  1. 1

    需指定两个参数：

    - 要删除的第一项的位置

    - 要删除的项数

  2. 1
    此文章未经授权抓取自百度经验
  3. 2

    代码示例：

    var colors = ['red', 'green', 'blue'];

    var removed = colors.splice(0,1);

    console.log(colors); // ['green', 'blue']

    console.log(removed); // [red]

    END

2. 使用splice()在指定位置插入新元素

  1. 1

    需要提供3个参数给splice函数：

    - 起始位置

    - 要删除项数（插入时为0）

    - 要插入的项，

  2. 2

    代码例如：

    var colors = ['red', 'green', 'blue'];

    var removed = colors.splice(1, 0, 'yellow');

    console.log(colors); // ['red','yellow','green', 'blue']

    console.log(removed); // 返回一个空数组[]

    END

3. 使用splice()做元素替换

  1. 1

    需要提供3个参数，大体上跟插入操作一样，唯一的不同在于第二个参数不为0.

    - 起始位置

    - 要删除项数（插入时为0，删除时为要删除的项数）

    - 要插入的项

  2. 2

    代码例如：

    var colors = ['red', 'green', 'blue'];

    var removed = colors.splice(1, 1, 'yellow');

    console.log(colors); // ['red','yellow', 'blue']

    console.log(removed); // 返回一个空数组['green']

    END

注意事项

  • 插入和替换操作对参数的要求一样，唯一的不同在于删除项这个参数值一个为0，另一个不为0
  • splice方法会影响原始数组
  • 格式本来很好、很精炼，也很易读，但因为提交过程中，一些不专业的审核总是找茬，所以改的不太豪赌
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部