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

相关文章
|
前端开发
什么是 Mock 测试?掌握 Mock 测试的核心原理
Mock 的意思就是,当你很难拿到源数据时,你可以使用某些手段,去获取到跟源数据相似的假数据,拿着这些假数据,前端可以先行开发,而不需要等待后端给了数据后再开发。
|
关系型数据库 MySQL Linux
MySQL数据库----------安装anaconda---------python与数据库的链接
MySQL数据库----------安装anaconda---------python与数据库的链接
463 0
|
11月前
|
JavaScript 前端开发
阻止事件冒泡与捕获
【10月更文挑战第15天】
|
4月前
|
Java
IDEA修改JDK版本
在IDEA中修改项目JDK版本的方法如下:1. 右键点击项目;2. 选择“Open Module Settings”,如图所示;3. 在弹出窗口中配置自定义的JDK路径。通过以上步骤,可轻松更改项目所使用的JDK版本,满足不同开发环境的需求。
|
8月前
|
移动开发 前端开发 JavaScript
React 视频播放器组件:Video Player
本文介绍了如何使用 React 和 HTML5 `<video>` 标签构建自定义视频播放器组件。首先,通过创建基础的 React 项目和 VideoPlayer 组件,实现了基本的播放、暂停功能。接着,探讨了常见问题如视频加载失败、控制条样式不一致、性能优化不足及状态管理混乱,并提供了相应的解决方案。最后,总结了构建高效视频播放器的关键要点,帮助开发者应对实际开发中的挑战。
748 27
|
机器学习/深度学习 算法 人机交互
|
XML JavaScript 前端开发
JavaScript中的DOM解析器DOMParser api的讲解
`DOMParser`能将XML或HTML源码字符串解析成DOM `Document`。通过`new DOMParser()`创建实例,使用`.parseFromString(string, type)`方法进行解析,其中`string`为待解析的字符串,`type`指定解析类型如`text/html`或`text/xml`等,返回一个`Document`对象。例如,可解析包含`<p>666</p>`的字符串并获取其文本内容`666`。
510 1
|
机器学习/深度学习 开发工具 git
Jupyter 与版本控制系统的集成
【8月更文第29天】在数据科学和机器学习项目中,Jupyter Notebook 提供了一个强大的环境来编写代码、执行实验和记录结果。然而,随着项目的复杂度增加以及团队规模的扩大,版本控制变得至关重要。Git 是最常用的版本控制系统之一,它可以帮助团队协作、追踪变更历史、管理分支等。本文将探讨如何将 Git 与 Jupyter Notebook 集成起来,从而更好地管理代码和文档。
349 0
|
监控 安全 数据安全/隐私保护
ERP系统中的组织架构与权限管理解析
【7月更文挑战第25天】 ERP系统中的组织架构与权限管理解析
1230 2
Vue3 antdv 如何动态渲染 icons-vue 图标(a-icon 不支持了)
Vue3 antdv 如何动态渲染 icons-vue 图标(a-icon 不支持了)
737 0