slice()和splice()用法

简介: slice()和splice()用法

前言:

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

slice():

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

语法:array.slice(start, end)

参数:

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

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

示例:

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, ...(可选):要添加到数组中的元素。

示例:

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

相关文章
|
JavaScript 前端开发
VUE3(三十六)压缩base64格式图片
VUE3(三十六)压缩base64格式图片
1041 0
|
5月前
|
人工智能 自然语言处理 BI
2026年OpenClaw(Clawdbot)Skills攻略:从阿里云部署到实战保姆级教程
2026年,AI自动化工具的核心竞争力已从单一对话能力转向“指令解析+具象化任务执行”的全链路闭环。OpenClaw(前身为Clawdbot、Moltbot)作为阿里云生态下的开源AI代理工具,凭借轻量化架构与强大的生态适配能力,成为个人与轻量团队搭建专属AI助手的首选;而Skills作为其功能扩展核心,就像为AI助手配备了“灵活双手”,通过模块化插件解锁网页自动化、文件处理、代码开发、数据统计等多样化能力,让OpenClaw突破纯语言交互的局限,真正实现“自然语言指令驱动的全场景自动化”。
1447 15
|
JavaScript 前端开发
javascript数组对象根据id去重的四种方法
Js代码组织结构良好一般都呈现以下五个特点:始终声明我们的依赖、为第三方代码库添加shim(垫片)、定义跟调用应该分离、依赖应该异步加载、模块不应依赖全局变量。
1813 0
|
机器学习/深度学习 算法 物联网
时间序列的重采样和pandas的resample方法介绍
重采样是时间序列分析中处理时序数据的一项基本技术。它是关于将时间序列数据从一个频率转换到另一个频率,它可以更改数据的时间间隔,通过上采样增加粒度,或通过下采样减少粒度。在本文中,我们将深入研究Pandas中重新采样的关键问题。
589 1
|
JavaScript 前端开发 开发者
|
JavaScript
vue系列之 插槽(Slot) 详解
vue系列之 插槽(Slot) 详解
vue系列之 插槽(Slot) 详解
|
前端开发
如何区分slice,splice,split?
如何区分slice,splice,split?
531 0
|
JavaScript 前端开发 Java
JavaScript的数学计算库:decimal.js
JavaScript的数学计算库:decimal.js
808 0
|
资源调度 JavaScript 前端开发
一文带你了解和使用vue-cli(2024年11月)
欢迎来到我的博客!我是一名热爱前端技术的大一学生,自学JavaScript与Vue已两年半,目前正向全栈工程师迈进。如果你从我的博客中有所收获,欢迎关注我,我会持续更新更多优质内容,一起成长!🎉🎉🎉
631 0
一文带你了解和使用vue-cli(2024年11月)
|
小程序 网络协议 物联网
小程序AP配网和AK配网教程(开源)
小程序AP配网和AK配网教程(开源)
1525 0