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()方法会修改原始数组,并返回被删除的元素数组。如果没有删除元素,则返回一个空数组。

相关推荐
古城小栈26 分钟前
langchain-rust:高性能Rust LLM应用开发实战
开发语言·rust·langchain
光影少年38 分钟前
react16-react19类组件完整生命周期(挂载/更新/卸载)
前端·javascript·react.js
我是无敌小恐龙1 小时前
Java基础入门Day10 | Object类、包装类、大数/日期类、冒泡排序与Arrays工具类 超详细总结
java·开发语言·数据结构·算法·贪心算法·排序算法·动态规划
yuanyuan2o21 小时前
从最小项目开始的 CMake 教程
c语言·开发语言·arm开发·c++·makefile·make·cmake
lifewange1 小时前
pytest 找不到文件?直接在 pytest.ini 配置根目录 + 路径(最简单方案)
开发语言·python·pytest
大鹏说大话2 小时前
MySQL + Redis + Caffeine:Java后端通用三级缓存架构实战
开发语言
yuanpan2 小时前
Python 桌面 GUI 入门开发:从 tkinter 窗口到简易记事本
开发语言·python
whinc2 小时前
Node.js技术周刊 2026年第14周
javascript·node.js
User_芊芊君子2 小时前
聊聊自由开发者常用的学习机会全解析
开发语言·人工智能·python
这个昵称也不能用吗?2 小时前
eas 热更新相关
前端