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-13
在线web工程演示stackblitz
饥梳头,饱洗澡。——杨慎 是这个网址 https://stackblitz.com/ 例如: https://stackblitz.com/github/slidevjs/new?file=slides.md 打开就直接构建并可以自由修改,不用在本地npm i啦! 相当的方便相当的nice 比较适合开源项目用来演示
2023-05-02
taze
在读书的时候,我们是与智者交谈;在生活的事务中,我们通常是与愚人交谈。——培根 分享一个开源项目:taze github:https://github.com/antfu/taze 话说antfu大佬是真的nb taze是一个现代化的ci工具,能够让你的依赖保持最新版 执行:npx taze
2022-03-18
判断浏览器窗口滚动到最底部
任何人都应该有自尊心自信心独立性,不然就是奴才。但自尊不是轻人,自信不是自满,独立不是弧立。——徐特立 首先是昨天我们说的vue中绑定@scroll事件,别忘了加对应的高度,以及检查overflow-y: 123<div @scroll="onScroll" class="allow-scroll"> 我是很高很长很长(超过外部div高度)的内容...</div> 然后是滚动事件处理: 12345678onScroll(e) { // Y轴滚动距离 偏移高度 总高度 let { scrollTop, clientHeight, scrollHeight } = e.target console.log(`scrollTop + clientHeight ${scrollTop + clientHeight} >= scrollHeight-1 ${scrollHeight - 1}`) if (scrollTop + cl...
2024-01-15
纯css实现炫酷头像效果
官僚作风是一门使可能变成不可能的艺术。——萨尔塞多 分享一个炫酷头像效果: 从b站渡一教育的一个视频看到的(不是推广,只是注明出处) 123456789101112131415161718192021222324252627282930313233343536373839<style> img { --s: 280px; --c1: #c02942; --c2: #ecd078; --b: 5px; --f: 1; --bgOption: content-box no-repeat center/ calc(100% / var(--f)) 100%; --shrink: calc((var(--s) / var(--f) - var(--s)) / 2 - var(--b)); width: var(--s); height: var(--s); cursor: pointer; transition: 0.5s; padding-top: 100px; outline: ...
2024-09-13
下一代测试框架Vitest
仅次于选择益友,就是选择好书。——考尔德 今天分享一个前端的测试框架Vitest 号称是下一代测试框架 github: https://github.com/vitest-dev/vitest 官方文档: https://cn.vitest.dev/ 这里有个直观的在线例子: https://vitest.new/ 你可以看到比如这里在basic.ts定义了一个squared函数 1export const squared = (n: number) => n * n 然后对应的单元测试: 123456import { squared } from '../src/basic.js'test('Squared', () => { expect(squared(2)).toBe(4) expect(squared(12)).toBe(144)}) 其他代码还有 123456789101112131415161718192021222324252627import { a...
2022-05-13
vue props注意
等到看你银色满际,等到分不清季节更替,才敢说沉溺。——《水星记》 官方文档:https://cn.vuejs.org/v2/guide/components-props.html 我们在使用vue的prop时 如果prop其数据类型为一个对象 则传入的是一个对象的地址引用 我们如果在子组件中使用watch将其赋值给一个data,用于外部组件状态发生变化时,内部的某一data也能同时响应: 12345678 watch: { productionData: { immediate: true, handler() { this.myData = this.myProp }, }} 这时候如果我们对myData里的属性进行更改,发现外部(父组件)传过来的对象数据源也发生了变更 如果我们想要深拷贝 则可以使用: 1234567891011function deepClone( obj ){ let clone = obj; if (obj &...

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