当前位置:首页 > JavaScript

js splice实现

2026-03-15 03:58:37JavaScript

使用 splice 方法修改数组

Array.prototype.splice() 是 JavaScript 中用于修改数组的强大方法,可以删除、替换或插入元素。其语法如下:

array.splice(startIndex, deleteCount, item1, item2, ..., itemN)
  • startIndex:开始修改的索引位置。
  • deleteCount:要删除的元素数量(设为 0 则不删除)。
  • item1, item2, ..., itemN:可选参数,表示要插入的元素。

删除元素

通过指定 startIndexdeleteCount 可以删除数组中的元素:

const fruits = ['apple', 'banana', 'cherry', 'date'];
fruits.splice(1, 2); // 从索引 1 开始删除 2 个元素
console.log(fruits); // 输出: ['apple', 'date']

插入元素

deleteCount 设为 0 并传入要插入的元素:

const numbers = [1, 2, 5, 6];
numbers.splice(2, 0, 3, 4); // 在索引 2 处插入 3 和 4
console.log(numbers); // 输出: [1, 2, 3, 4, 5, 6]

替换元素

通过同时指定 deleteCount 和插入的元素可以实现替换:

const colors = ['red', 'green', 'blue'];
colors.splice(1, 1, 'yellow'); // 替换索引 1 的元素为 'yellow'
console.log(colors); // 输出: ['red', 'yellow', 'blue']

返回值

splice 方法返回被删除的元素组成的数组:

js splice实现

const letters = ['a', 'b', 'c', 'd'];
const removed = letters.splice(1, 2);
console.log(removed); // 输出: ['b', 'c']
console.log(letters); // 输出: ['a', 'd']

注意事项

  • 如果 startIndex 为负数,表示从数组末尾开始计算(例如 -1 是最后一个元素)。
  • 如果 deleteCount 大于剩余元素数量,会删除从 startIndex 开始的所有元素。
  • 不传 deleteCount 时,默认删除从 startIndex 到末尾的所有元素。

标签: jssplice
分享给朋友:

相关文章

js实现跳转

js实现跳转

使用 window.location 跳转 通过修改 window.location.href 实现页面跳转,这是最常用的方法。 window.location.href = 'https://…

js实现dh

js实现dh

JavaScript 实现 DH(Diffie-Hellman)密钥交换 Diffie-Hellman(DH)密钥交换是一种安全协议,允许双方在不安全的通信信道上建立一个共享密钥。以下是如何在 Jav…

js画图实现

js画图实现

使用Canvas API绘制图形 Canvas是HTML5提供的绘图API,通过JavaScript操作Canvas元素可以绘制各种图形。以下是一个简单的示例: <canvas id="myC…

js实现正交

js实现正交

正交的概念 正交在数学和计算机科学中通常指两个向量垂直或线性无关。在编程中,正交性常被用于设计模块化、低耦合的系统。 向量正交判断 判断两个向量是否正交可以通过点积是否为0来实现: fun…

js实现路由

js实现路由

js实现路由的方法 在JavaScript中实现路由功能可以通过多种方式完成,以下是几种常见的方法: 使用原生JavaScript实现路由 通过监听window.onhashchange事件来实现基…

js实现定位

js实现定位

使用Geolocation API获取当前位置 在JavaScript中,可以通过浏览器内置的Geolocation API获取用户的地理位置信息。该API需要用户授权才能访问位置数据。 if (n…