slice,splice的区别和使用

简介: slice,splice的区别和使用
一、slice

slice(开始,结束)

第一个参数是开始的位置,第二个参数是结束的位置,他并不会改变原数组

let arrOne = [22,33,44,55,66];
let arrTwo = arrOne.slice(1,3);//参数是根据数组的下标来截取的
console.log(arrTwo); //[33,44]
console.log(arrOne);//[22,33,44,55,66]
二、splice

splice(开始,截取,添加元素)

第一个参数是开始的位置

第二个参数是截取的个数

第三个是添加的元素

该方法是会改变原数组的,数组的长度会发生变化

let arrThree = [11,23,34,44,56,67,88,99]
let arrFour = arrThree.splice(2,3) //删除第三个元素以后的三个数组元素(包含第三个元素)
console.log(arrFour);//[33,44,56],删除的元素
console.log(arrThree);//[ 11, 23, 67, 88, 99 ]//原数组中已经没有删除后的三个元素了
let arrFive = arrThree.splice(2,0,'望','奶奶','平安')
//从第2位开始删除0个元素,插入"望","奶奶",'平安'
console.log(arrFive);//返回一个空数组[]
console.log(arrThree);//[ 11, 23, "望", "奶奶", "平安", 67, 88, 99 ]
var arrSix = arrThree.splice(2,3,"平平","安安");
//从第2位开始删除3个元素,插入"平平","安安"
console.log(arrSix); //[ "望", "奶奶", "平安" ]
console.log(arrThree); //[ 11, 23, "平平", "安安", 67, 88, 99 ]
var arrSeven = arrThree.splice(2);//从第三个元素开始删除所有的元素
console.log(arrSeven);//[ "平平", "安安", 67, 88, 99 ]
console.log(arrThree); //[11, 23]
相关文章
|
JavaScript 前端开发 数据处理
vue2、vue3中使用$forceUpdate()
vue2、vue3中使用$forceUpdate()
2460 0
|
Linux
Mac使用sz/rz
Mac使用sz/rz
420 0
|
6月前
|
人工智能 监控 数据可视化
Agent TARS:一键让AI托管电脑!字节开源PC端多模态AI助手,无缝集成浏览器与系统操作
Agent TARS 是一款开源的多模态AI助手,能够通过视觉解析网页并无缝集成命令行和文件系统,帮助用户高效完成复杂任务。
3382 13
Agent TARS:一键让AI托管电脑!字节开源PC端多模态AI助手,无缝集成浏览器与系统操作
|
12月前
|
前端开发
前端引入字体文件
文章介绍了如何在前端项目中引入字体文件,并展示了具体的HTML和CSS代码示例,包括如何使用`@font-face`规则来定义字体和在页面中应用自定义字体。
363 1
前端引入字体文件
|
6月前
|
人工智能 并行计算 异构计算
MT-TransformerEngine:国产训练核弹!FP8+算子融合黑科技,Transformer训练速度飙升300%
MT-TransformerEngine 是摩尔线程开源的高效训练与推理优化框架,专为 Transformer 模型设计,通过算子融合、并行加速等技术显著提升训练效率,支持 FP8 混合精度训练,适用于 BERT、GPT 等大型模型。
316 10
MT-TransformerEngine:国产训练核弹!FP8+算子融合黑科技,Transformer训练速度飙升300%
|
存储 JavaScript 前端开发
Django + Vue 实现图片上传功能的全流程配置与详细操作指南
 在现代Web应用中,图片上传是一个常见且重要的功能。Django作为强大的Python Web框架,结合Vue.js这样的现代前端框架,能够高效地实现这一功能。本文将详细介绍如何在Django项目中配置图片上传的后端处理,并在Vue前端实现图片的选择、预览和上传功能。
|
SQL Java 数据库连接
【Mybatis】深入学习MyBatis:概述、主要特性以及配置与映射
【Mybatis】深入学习MyBatis:概述、主要特性以及配置与映射
【Mybatis】深入学习MyBatis:概述、主要特性以及配置与映射
|
11月前
|
自然语言处理 机器人 API
解锁电商直播新纪元:无人数字人客服如何在直播间掀起智能革命,重塑顾客服务体验的未来?
【10月更文挑战第7天】随着电商直播的兴起,客户咨询量激增,传统人工客服难以应对,无人数字人直播机器人客服应运而生。本文介绍如何使用Python、LangChain和ChatGPT搭建高效客服系统,包括安装库、设置API密钥、定义问答流程、构建FAQ知识库、集成实时聊天界面及部署上线,帮助企业自动处理客户咨询,提升用户体验。
388 2
|
SQL DataWorks 安全
DataWorks产品使用合集之如何实现分钟级调度
DataWorks作为一站式的数据开发与治理平台,提供了从数据采集、清洗、开发、调度、服务化、质量监控到安全管理的全套解决方案,帮助企业构建高效、规范、安全的大数据处理体系。以下是对DataWorks产品使用合集的概述,涵盖数据处理的各个环节。
|
JavaScript
vue实战--v-for 遍历渲染按钮的两种实现方案(重点:按钮点击事件的绑定技巧)
vue实战--v-for 遍历渲染按钮的两种实现方案(重点:按钮点击事件的绑定技巧)
217 1