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
相关推荐
2022-09-03
canvas视频截帧
礼貌是儿童和青年都应该特别小心地养成习惯的第一件大事——约翰·洛克 先放代码： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136<script> /** * * @param src string 视频url * @param currentTime double 视频截取位置,单位秒 * @return 截取图片的 base64 */ ...
2022-04-14
ts结构赋值时指定类型
“枕头里藏满了发了霉的梦，梦里住满了无法拥有的人。”——网易云评论 我们在typescript中使用变量结构时如果需要指定类型，可以这样写： 1const { a, b, c }: { a: any; b: string; c: { cname: any; cid: any; } } = obj; 但一般还是定义接口 12345678910interface IObj { a: any; b: string; c: IC;}interface IC { cname: any; cid: any;}const { a, b, c }: IObj = obj; 对于箭头函数也是同理 1array.map(({ a, b, c }: IObj)=>{}) 如果我们接口中某个属性可以为null或其他属性，我们可以使用| 12345interface IObj { a: ...
2026-04-06
oh-my-codex
吾生也有涯，而知也无涯。——庄子 OmX - Oh My codeX（OMX）：你的 Codex 不是一个人在战斗OMX 的自我介绍很干脆，也很有“人格”： OmX - Oh My codeX: Your codex is not alone. Add hooks, agent teams, HUDs, and so much more. 它像一个在你身后随时扶你一把的“战术教练 + 运行时管家”：不抢 Codex 的方向盘，但把你的驾驶舱升级得更顺手、更稳定、更能跑长任务。 OMX 不是另一个 Codex。它明确站在 Codex 身边，做一个“工作流层（workflow layer）”： OMX is a workflow layer for OpenAI Codex CLI.It keeps Codex as the execution engine… 也就是说——Codex 仍然是那个真正冲向战场、执行工具、写代码、跑命令的执行引擎；OMX 则像一套“作战条令 + 组织体系 + 仪表盘 + 记事本”，让你从“想到哪做到哪”的临时起意，变成一条从澄清到交付的稳定流水线...
2022-01-07
byte二维码在img中展示
睡在哪里都是睡在黑夜里。——贾平凹《废都》 我们使用hutool的工具类生成二维码图片后，如果转为byte数组，返还给前端，我们要放入img中显示 12345@GetMapping("generateCode")@ResponseBodypublic byte[] generateCode() { return QrCodeUtil.generatePng("https://VampireAchao.github.io/", QrConfig.create().setImg(ImgUtil.getImage(URLUtil.url("/img/oss/2020-06-01/head.jpg"))));} 直接放到src是不行的，需要在前面加一个data:image/jpeg;base64, 最终变成这样 效果图：
2022-06-22
htmlToCanvas
利用时间是一个极其高级的规律。——恩格斯 今天分享一个html转canvas的插件： http://html2canvas.hertzen.com/ 使用方式特别简单： 引入： 12pnpm install --save html2canvas# import html2canvas from 'html2canvas'; 或者直接上link 1<script src="http://html2canvas.hertzen.com/dist/html2canvas.min.js"></script> 需要转换的html节点 123<div id="capture" style="padding: 10px; background: #f5da55"> <h4 style="color: #000; ">Hello world!</h4></div> 使用： 123html2canvas(docu...
2023-08-17
vuepress获取所有页面frontmatter
倘若没有骄傲的思想，人将不成其为人，他自身的弱点会使他蜕化为禽兽。——高尔基 今天实现了vuepress中获取所有页面的frontmatter frontmatter是页面的页头信息，例如： 12345---title: xxxauthor: 作者date: 2023-08-17--- 可以编写一个插件： 12345678910111213module.exports = (options, context) => ({ extendPageData($page) { const { pages } = context; // 获取除首页外的其他所有页面的 frontmatter 数据 const frontmatters = pages .filter(page => page.path !== '/') .map(page => page.frontmatter); // 将 frontmatter 数组传递给首页的 frontmatter ...