slice()和splice()用法

前言:

slice()和splice()都是JavaScript中数组的方法,但是它们的用法有所不同。接下来让我们详细分析一下他们的不同之处。

slice():

slice()方法返回一个数组的一部分,不会改变原始数组,而是返回一个新数组。

语法:array.slice(start, end)

参数:

  • start(可选):起始位置,从0开始计算,包括该位置。
  • end(可选):结束位置,从0开始计算,不包括该位置。

如果省略end参数,slice()将一直复制到数组的结尾。

示例:

javascript 复制代码
const arr = [1, 2, 3, 4, 5];
const newArr = arr.slice(1, 4); // [2, 3, 4]
console.log(newArr); // [2, 3, 4]
console.log(arr); // [1, 2, 3, 4, 5]

splice():

splice()方法用于添加或删除数组的一部分,它会改变原始数组。

语法:array.splice(start, deleteCount, item1, item2, ...)

参数:

  • start:起始位置,从0开始计算。
  • deleteCount(可选):要删除的元素个数。如果为0,则不删除任何元素。
  • item1, item2, ...(可选):要添加到数组中的元素。

示例:

javascript 复制代码
const arr = [1, 2, 3, 4, 5];
arr.splice(1, 2); // 删除第二个和第三个元素:[2, 3]
console.log(arr); // [1, 4, 5]

arr.splice(2, 0, 'a', 'b'); // 在第三个位置添加两个元素:['a', 'b']
console.log(arr); // [1, 4, 'a', 'b', 5]

需要注意的是,splice()方法会修改原始数组,并返回被删除的元素数组。如果没有删除元素,则返回一个空数组。

相关推荐
代码中介商3 分钟前
C++ 预约系统实战(一):项目总览与 C/S 架构设计
c语言·开发语言·c++
一拳不是超人7 分钟前
一个没测暗色模式的 Bug,吃掉了我一半 谷歌扩展用户
前端·javascript·程序员
我叫汪枫10 分钟前
RAG 进阶:切分、检索、重排序,以及它和 Agent、微调、MCP 都是什么关系
开发语言·python
弘毅 失败的 mian20 分钟前
数组和指针基础
c语言·开发语言·经验分享·笔记
liangshanbo121523 分钟前
React useState 函数式更新面试题整理
前端·react.js·前端框架
涛涛ing28 分钟前
为什么你的页面在 Safari 上总出问题?Interop 2027 正在解决这个 20 年老毛病
前端
ai小陈29 分钟前
Python 3.12与CUDA 12.8镜像实战:启动GPU实例后的五项自检
开发语言·人工智能·python·深度学习·ai·gpu算力
不一样的少年_41 分钟前
WebP 压缩到底在干嘛?小白也能看懂的原理拆解
前端·后端·图片资源
问心无愧051343 分钟前
ctf show web 177
前端·笔记
不一样的少年_1 小时前
PNG/JPG 如何变成 WebP?真相不是改后缀!
前端·后端·图片资源