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
相关推荐
2020-09-03
vue2.0配置路由
古希腊哲学家芝诺的学生问他:“老师,难道你有不懂得的东西吗?”芝诺风趣地回答:“如果用小圆代表你们学到的知识,用大圆代表我学到的知识,那么大圆的面积是多一点;但两圆之外的空白,都是我们的无知面,圆越大,其圆周接触的无知面就越多。” 先说下端口配置吧 项目根目录下新建一个文件叫vue.config.js 12345module.exports = { devServer: { port: 3000 }} 然后npm run serve运行项目,可以看到端口号变了 然后再配置个路由吧 1cnpm i vue-router 在main.js中引入 123456789101112import Vue from 'vue'import App from './App.vue'import router from '@/router'Vue.config.productionTip = falsenew Vue({ router, rend...
2025-05-22
wangeditor渲染node方式
青,取之于蓝而青于蓝;冰,水为之而寒于水。 ——《荀子·劝学》 代码如下: 1234567891011121314import { Boot, createEditor, createToolbar, SlateEditor, SlateElement, SlateNode, SlateText, SlateTransforms} from '@wangeditor/editor'SlateTransforms.insertNodes(editor, nodes)editor.updateView() 这里的nodes格式参考 https://www.wangeditor.com/v5/node-define.html 节点数据结构wangEditor 是基于 slate.js 为内核开发的,所以学习本文之前,要先了解 slate Node 设计 。 是什么很多同学可能根本不知道本文要讲什么,对于这里的“节点”和“数据结构”也不知何意。没关系,接下来通过几个问题,就可以让你快速入门。 我们通过 API 的学习,已经知道...
2024-06-09
微信Markdown编辑器
正因为世界本身是平庸的,所以你也才平庸。——《寻羊冒险记》 GitHub - doocs/md: ✍ WeChat Markdown Editor | 一款高度简洁的微信 Markdown 编辑器:支持 Markdown 语法、色盘取色、多图上传、一键下载文档、自定义 CSS 样式、一键重置等特性 项目介绍 本项目基于 wechat-format 进行二次开发,感谢 lyricat 的创意和贡献! Markdown 文档自动即时渲染为微信图文,让你不再为微信文章排版而发愁!只要你会基本的 Markdown 语法,就能做出一篇样式简洁而又美观大方的微信图文。 在线编辑器地址 Gitee Pages:https://doocs.gitee.io/md GitHub Pages:微信 Markdown 编辑器 | Doocs 开源社区 注:推荐使用 Chrome 浏览器,效果最佳。另外,对于国内(中国)的朋友,访问 Gitee Pages 速度会相对快一些。 为何二次开发 现有的开源微信 Markdown 编辑器,样式繁杂,也不符合我个人的审美需求。在我使用它们...
2020-12-06
let和const命令
一个人在学校里表面上的成绩,以及较高的名次,都是靠不住的,唯一的要点是你对于你所学的是否心里真正觉得很喜欢,是否真有浓厚的兴趣……——邹韬奋 es6出来这么久了,是时候系统学习一下了 ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。——ECMAScript 6.0入门网站 1234567891011121314151617181920212223242526272829303132333435<!-- es6学习笔记 -->// let必须先声明再使用// console.log(a) // Uncaught ReferenceError: Cannot access 'a' before initializationlet a = "a";console.log(a); // a// var可以先使用再声明b = &qu...
2023-06-18
CamanJS
过分宽大的法律,不易使人服从;太严厉的法律,则绝少被遵守。——富兰克林 分享一个前端基于canvas的图片js库 http://camanjs.com/ https://github.com/meltingice/CamanJS 安装 1npm install caman 用法: 1234567Caman('#my-image', function () { this.brightness(10); this.contrast(30); this.sepia(60); this.saturation(-30); this.render(); }); html 12345<img data-caman="brightness(10) contrast(30) sepia(60) saturation(-30)" data-caman-hidpi="/path/to/image@2x.jpg" src="path/to/image.jpg&q...
2021-06-19
集成wangEditor
寿命的缩短与思想的虚耗成正比。——达尔文 官方文档 wangEditor:Typescript 开发的 Web 富文本编辑器, 轻量、简洁、易用、开源免费 html里集成wangEditor非常简单 1234567<div id="div1"></div><script src="https://unpkg.com/wangeditor/dist/wangEditor.min.js"></script><script> var E = window.wangEditor; var editor = new E("#div1"); editor.create();</script> 只需要上方几行代码即可完成 如果我们需要获取富文本中的内容 使用editor.txt.html()即可

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