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
相关推荐
2021-07-12
cursor
生命是一个说故事的人,而每一刻间的故事都是新鲜的。——朱光潜 我们有时候会在页面上定义鼠标移入某个元素时的效果 请把鼠标移动到单词上,可以看到鼠标指针发生变化: auto crosshair default e-resize help move n-resize ne-resize nw-resize pointer progress s-resize se-resize sw-resize text w-resize wait 123456789101112131415161718<p>请把鼠标移动到单词上,可以看到鼠标指针发生变化:</p><span style="cursor:auto">auto</span><br><span style="cursor:crosshair">crosshair</span><br><span style="cursor:default">default</sp...
2026-01-16
web-check
盲人无白天,醉鬼无时间。——朝鲜 Web-Check:把网站的“体检报告”一次看全如果你经常需要快速看清一个网站的真实状态,像安全配置、技术栈、DNS、证书链、开放端口、抓取规则、历史档案、全球排名这些信息,手动东查西找不仅费时,还很难汇总成能拿来决策的视图。Web-Check 把这件事做成了一件顺手的事。 项目描述很直接:All‑in‑one OSINT tool for analysing any website。它既是一个开源的站点分析工具,也是一个面向安全研究、站点优化、架构梳理的“现场勘察面板”。你输入一个域名或 URL,它会从多个维度把相关数据拉齐,生成一份可以阅读、可以操作的综合报告。 项目主页:web-check.xyz 在线演示:web-check.as93.net 源码仓库:GitHub-Lissy93/web-check 镜像仓库:Codeberg 能看到什么Web-Check 的看板会聚合一组核心任务,围绕“了解、优化、加固”三件事展开。以下是常见板块的节选与用途说明: IP 信息查询域名对应的 IP,为后续探测提供基础。常用于绘制目...
2022-06-17
在vue中使用jsx
一个人追求的目标越高,他的才能就发展得越快,对社会就越有益,我确信这也是一个真理。——玛克西姆·高尔基 首先是官方文档 vue2的:https://cn.vuejs.org/v2/guide/render-function.html#JSX vue3的:https://v3.cn.vuejs.org/guide/render-function.html#jsx 我们这里以vue2举例: 先使用render函数写一个最简单的jsx组件 12345678910<script>export default { render() { return <div>Hello World</div> }}</script><style></style> 注意此处不能有template标签,其他的该咋用就咋用 还有的区别在这个链接里:https://github.com/vuejs/jsx#installation 如果有react的基础,上手这个就很容易...
2025-03-27
gitalk
我荒废了时间,时间便把我荒废了。——莎士比亚 https://github.com/gitalk/gitalk https://gitalk.github.io/ 用 Gitalk 给博客添加评论系统:优雅、开源、无后端依赖 在搭建个人博客时,我们经常面临一个小难题:评论系统用什么好?传统方案如 Disqus 虽然功能强大,但加载慢、隐私问题多;国内的评论系统则可能存在稳定性和接入成本。 于是我选择了一个更极客、更自由的方式:Gitalk —— 一个基于 GitHub Issues 的评论系统。 什么是 Gitalk?Gitalk 是一个利用 GitHub Issues 构建的评论系统,由 gitalk 开发者团队 创建。它的设计理念很简单: 既然每个人都有 GitHub 账号,为什么不能用 GitHub 直接发评论? 它通过 GitHub 的 OAuth 授权,允许访问者在你指定的仓库中创建/回复 issue,从而完成评论功能。 Gitalk 的优点 ✅ 完全免费,只依赖 GitHub,无需后端服务器 ✅ 界面简洁,支持 Markdown、高亮、表情 ...
2025-06-16
mermaid-live-editor
教学的艺术不在于传授本领,而在于关于激励、唤醒、鼓舞。——第斯多惠 https://github.com/mermaidjs/mermaid-live-editor Mermaid Live Editor:在线绘制和分享流程图、时序图的神器在日常开发、产品设计和文档编写中,流程图、时序图、甘特图等可视化图形是表达系统逻辑、业务流程和协作方案的利器。Mermaid 作为一款流行的文本化图形描述工具,在开发者和技术团队中拥有极高的口碑。而 @mermaidjs/mermaid-live-editor 正是将 Mermaid 的强大能力带到了浏览器,让你即开即用、即写即画。 什么是 Mermaid Live Editor?Mermaid Live Editor 是一个基于浏览器的在线编辑器,专门用于编写和实时渲染 Mermaid 语法的各种图表。你只需要用简单的 Markdown 风格文本描述图表结构,编辑器即可自动渲染为可视化图形,并且支持导出、分享、预览等便捷操作。 主要特性1. 实时预览与高亮 左侧输入 Mermaid 语法,右侧实时渲染对应图形。 支持语法高亮...
2020-10-02
cookie相关操作
青春在人的一生中只有一次,而青春时期比任何时期都最强盛美好。因此,千万不要使自己的精神僵化,而要把青春保持永远。 ——别林斯基 JavaScript Cookie Cookie 用于存储 web 页面的用户信息。 什么是 Cookie?Cookie 是一些数据, 存储于你电脑上的文本文件中。 当 web 服务器向浏览器发送 web 页面时,在连接关闭后,服务端不会记录用户的信息。 Cookie 的作用就是用于解决 “如何记录客户端的用户信息”: 当用户访问 web 页面时,他的名字可以记录在 cookie 中。 在用户下一次访问该页面时,可以在 cookie 中读取用户访问记录。 Cookie 以名/值对形式存储,如下所示: username=John Doe 当浏览器从服务器上请求 web 页面时, 属于该页面的 cookie 会被添加到该请求中。服务端通过这种方式来获取用户的信息。 使用 JavaScript 创建CookieJavaScript 可以使用 document.cookie 属性来创建 、读取、及删除 cookie。 JavaSc...

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