splice
发表于|更新于
|浏览量:
一百个满怀信心和决心的人,要比一万个谨小慎微的和可敬的可尊重的人强得多。——辛克莱
最近发现前端中对于数组有这样一个函数splice非常好用
首先我们可以这样
1 | var list = [1,2,3,4,5]; |

可以看到我们从下标为1开始的2,截取了剩余部分
最后结果为2,3,4,5
但这是splice函数的返回值,我们如果看之前的list,可以看到只剩1了
因为1后面的被我们的splice截取掉啦

那我们如果传入两个参数,例如我这里从下标为3开始,截取两个元素

我们再看看原来的list,果然是剩下的1,2,3

如果我们想要截取时还要对应替换的话?
例如我这里想把3,4,5替换成4,5,6
就可以这么写

最后得到的list就是我们想要的结果
但如果我们想要截取掉的部分,就直接取splice的返回值即可

这里从下标2开始截取掉了两个元素3,4,换成了4,5
相关推荐
2024-07-30
Apache ShenYu实现验证失败后才出来验证码
秋天的风都是从往年吹来的。——木心《素履之往》 今天实现了一个功能 [Improve] need verify code when password error by VampireAchao · Pull Request #465 · apache/shenyu-dashboard · GitHub 也很简单,新增一个state,然后在redux-saga的dispatch触发对应的effects,新增一个callback参数传入过去,然后在请求完成后执行
2025-05-08
NoHttp
在创作家的事业中,每一步都要深思而后行,而不是盲目瞎碰。 —— 米丘林 https://github.com/yanzhenjie/NoHttp NoHttp:为 Android 提供高效 HTTP 协议支持的框架在 Android 应用开发中,网络请求是不可或缺的一部分。虽然 Android 提供了基本的网络请求工具(如 HttpURLConnection 和 OkHttp),但它们的使用复杂性较高。NoHttp 是一个轻量级的 HTTP 框架,旨在简化网络请求的实现,同时提供丰富的功能和灵活性。 什么是 NoHttp?NoHttp 是一个为 Android 平台设计的网络请求框架,支持标准的 HTTP 协议,并提供多种缓存模式。它的底层架构允许动态切换不同的网络请求实现,如 OkHttp 和 HttpURLConnection,从而为开发者提供了高效且灵活的网络请求解决方案。 核心特点: 支持多种缓存模式:包括不缓存、仅缓存、网络优先等模式。 动态底层切换:可以在 OkHttp 和 HttpURLConnection 之间自由切换。 轻量级:专为 Android 设计,...
2022-01-27
js数组去重
最大的挑战和突破在于用人,而用人最大的突破在于信任人。——马云 我们使用数组解构+Set去重: 12let list = [1,1,2,3]list = [...new Set(list)] 这里set是一个不重复的集合类,构造函数中我们传入了另一个list 如果是两个数组去重 123let list = [1,2,3]let array = [2,3]list = [...new Set([...list,...array])] 写法如下:
2021-10-29
nvue引入图标坑
强本而节用,则天不能贫。——荀况 今天把原来的vue页面改为nvue 发现之前的图标怎么都引不进去,搞了半天,后来通过debug发现,我引入的方式是使用添加对应的class给它加了个::before伪元素 知道了这个就很简单了,我们按照官方文档引入字体 首先我在App.vue中写入css代码: 123456/* 加载图标字体 - 条件编译模式 *//* #ifdef APP-PLUS-NVUE */.my-iconfont { font-family: myIconfont;}/* #endif */ 然后在对应的nvue页面中,在beforeCreate生命周期里调用addRule 123456789beforeCreate() { // #ifdef APP-PLUS-NVUE const domModule = uni.requireNativePlugin('dom'); domModule.addRule('fontFace', { fontFamily: 'myIcon...
2022-07-12
teleport
你之前学了啥跟你以后能学啥没有什么本质联系——尤雨溪 顾名思义,teleport汉译过来就是传送的意思 官方文档:https://v3.cn.vuejs.org/guide/teleport.html#teleport 它可以将我们的元素传送到指定地点: 例如我们要实现一个挂载在body上的模态框,就可以使用teleport: 12345678910111213141516171819202122232425262728const app = Vue.createApp({});app.component('modal-button', { template: ` <button @click="modalOpen = true"> Open full screen modal! (With teleport!) </button> <teleport to="body"> <div v-if=&quo...
2025-06-27
edgeone-pages
天下之事不难于立法,而难于法之必行。一一明·张居正 EdgeOne Pages:腾讯云推出的现代前端开发与部署新体验在现代 Web 开发持续演进的大潮中,开发者对前端托管、性能优化、无服务器化和全球加速的需求日益提升。腾讯云基于其强大的 EdgeOne 边缘计算基础设施,推出了面向开发者的全新前端平台——EdgeOne Pages,为构建、部署和加速静态站点及无服务器应用带来极致体验。 一、什么是 EdgeOne Pages?EdgeOne Pages 是一站式前端开发与部署平台,专为现代 Web 项目量身定做。它不仅支持静态页面的极速托管,还内置边缘 Serverless 能力,让你用 JavaScript 直接在全球边缘节点编写动态服务,无需管理服务器或基础设施,轻松实现低延迟、全球可用的前后端一体化应用。 二、核心产品优势1. 全球加速,极致性能依托腾讯云分布全球的边缘节点,EdgeOne Pages 能将静态资源自动缓存到离用户最近的位置,大幅提升页面打开速度和访问体验。无论访客来自国内外,网站都能保持高可用和低延时。 2. 极简部署,自动化上线集成高效的自动...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog