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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/123265.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

基于Qt 文本读写(QFile/QTextStream/QDataStream)实现

​ 在很多时候我们需要读写文本文件进行读写,比如写个 Mp3 音乐播放器需要读 Mp3 歌词里的文本,比如修改了一个 txt 文件后保存,就需要对这个文件进行读写操作。本章介绍简单的文本文件读写,内容精简,让大家了解文本读写的基本操作。 ## QFile 读写文本 QFile 类提供了读…

AIGC应用公司开始赚钱了,创始人来自中国,7个月实现100万美元ARR

图片来源:由无界AI生成 自 2022 年中以来,AIGC 赛道持续 1 年有余。然而,热闹归热闹,赚钱的公司一只手都能数得过来。奇葩如 Midjourney,硬是不靠 VC 输血凭着 11 人年做到 1 亿美元 ARR;幸运如 Jasper&…

ideaSSM在线商务管理系统VS开发mysql数据库web结构java编程计算机网页源码maven项目

一、源码特点 SSM 在线商务管理系统是一套完善的信息管理系统,结合SSM框架和bootstrap完成本系统,对理解JSP java编程开发语言有帮助系统采用SSM框架(MVC模式开发),系统具有完整的源代码 和数据库,系统主…

No175.精选前端面试题,享受每天的挑战和学习

🤍 前端开发工程师(主业)、技术博主(副业)、已过CET6 🍨 阿珊和她的猫_CSDN个人主页 🕠 牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》 🍚 蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入…

WIN11新版画图问题解决

1 白色背景被连同删除的问题 解决方法:加层 将层调整为新建的层,在这个层下画图就行。 2 QQ截图无法直接放在画图上的问题 使用QQ截图的时候: 解决方法:使用windows自带的截图工具或者微信截图 步骤: 1. windows自带…

vue 路由守卫实现登陆校验拦截功能

在router.js路由文件中 beforeEnter 表示在跳转到该页面之前拦截 router.beforeEach 表示不管什么路由切换时都会执行该方法 import { createRouter, createWebHashHistory } from vue-router import Home from ../views/home/Home import Login from ../views/login/Logincon…

网络安全—小白自学

1.网络安全是什么 网络安全可以基于攻击和防御视角来分类,我们经常听到的 “红队”、“渗透测试” 等就是研究攻击技术,而“蓝队”、“安全运营”、“安全运维”则研究防御技术。 2.网络安全市场 一、是市场需求量高; 二、则是发展相对成熟…

docker-compose安装

1.安装docker-compose: yum install -y docker-compose 出现如下错误: 可以先执行: 添加docker-compose的yum仓库 yum install -y epel-release 附:

【Bug—eNSP】华为eNsp路由器设备启动一直是0解决方案!

问题描述 在上机实验时,打开ensp软件,添加AR设备时启动异常,最开始错误代码是40,最后通过重新安装,又出现了新的问题,启动AR设备一直是0,而且界面卡住。 解决方法 打开VirtualBox,将…

Redis文件事件模型

Redis是事件驱动的程序,并基于Reactor模式开发了自己的网络事件处理器,被称之为文件处理器(File Event Handler)。 文件处理器通过I/O多路复用程序来同时监听多个Socket,并根据Socket目前执行的任务来关联不同的事件处理器。当被监听的Socket…

git config pull.rebase false

git pull 默认使用merge 可以使用 git pull --rebase 命令使用rebase 或者配置 git config pull.rebase true 使 git pull命令执行 git pull --rebase git config pull.rebase false 的作用是设置 Git 在执行 git pull 命令时默认使用 merge 而不是 rebase。 git pull 命…

剪辑中遮罩可分几种 剪辑遮罩视频怎么做

当你觉得剪辑特效很难制作的时候,不妨阅读一下本文,来了解遮罩的原理和用法。它是一种超级剪辑工具,可以制作出各种神奇的画面效果。在了解遮罩的基本原理后,就连初学者也能轻松地制作出令人惊艳的剪辑遮罩。有关剪辑中遮罩可分几…

vue3 code format bug

vue code format bug vue客户端代码格式化缺陷,为了方便阅读和维护,对代码格式化发现这个缺陷 vue.global.min.3.2.26.js var Vuefunction(r){"use strict";function e(e,t){const nObject.create(null);var re.split(",");for(le…

Linux 下使用 Docker 安装 Redis

1、下载 redis docker pull redis:6.2.62、提前创建挂载目录 mkdir -p /mydata/redis/conf mkdir -p /mydata/redis/data mkdir -p /mydata/redis/log touch /mydata/redis/conf/redis.conf touch /mydata/redis/log/redis.log chmod 777 /mydata/redis/log/redis.log3、启动…

Spark新特性与核心概念

一、Sparkshuffle (1)Map和Reduce 在shuffle过程中,提供数据的称之为Map端(Shuffle Write),接受数据的称之为Redeuce端(Shuffle Read),在Spark的两个阶段中,总…

Shell脚本

windows中存在 *.bat 批处理文件; Linux中常用 *.sh 脚本文件; 计算机程序中,shebang指的是出现在文本文件的第一行的前两个字符 #! 在Unix系统中,程序会分析shebang后面的内容,作为解释器的命令,例如&…

基于springboot,vue校园社团管理系统

开发工具:IDEA 服务器:Tomcat9.0, jdk1.8 项目构建:maven 数据库:mysql5.7 系统分前后台,项目采用前后端分离 前端技术:vueelementUI 服务端技术:springbootmybatis-plus 本系…

Linux之系统编程

1.yum 1.yum list可以出现所有可下载的程序 辅助grep进行查找 2.yum install可以下载并安装 3.yum remove可以卸载程序 不同的商业操作系统内核都是一样的,主要是配套社区不一样。 开源组织,各大公司,既得利益者。 同上 基础软件源可以保证…

全志A40i android7.1 增加Vlan功能

一,VLAN基础知识 1.VLAN的定义: VLAN(Virtual Local Area Network)即虚拟局域网,是将一个物理的LAN在逻辑上划分成多个广播域的通信技术。VLAN内的主机间可以直接通信,而VLAN间不能直接通信,从…

NLP之搭建RNN神经网络

文章目录 代码展示代码意图代码解读知识点介绍1. Embedding2. SimpleRNN3. Dense 代码展示 # 构建RNN神经网络 from tensorflow.keras.models import Sequential from tensorflow.keras.layers import Dense, SimpleRNN, Embedding import tensorflow as tfrnn Sequential() …