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
相关推荐
2023-04-30
iconify
赢得友谊要靠智慧，保持友谊要靠美德，这两者是同等重要的。——威佩因特 分享一个图标项目： https://iconify.design/ 包含150K+的开源icon github：https://github.com/iconify/iconify 非常的给力！
2021-02-27
如何给博客添加看板娘（二）
只有跨越了来自人类自身恐惧的人，才有资格被称为站在顶峰的人。我是这样认为的。——迪奥·布兰度 这次就非常简单啦 首先你得准备模型文件 然后把这段代码粘贴过去 1234567891011121314151617181920<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!-- Live2DCubismCore script --><script src="https://VampireAchao.github.io/js/live2dcubismcore.js"></script><!-- Build script --><script src="https://VampireAchao.github.io/j...
2021-12-04
Promise
人活在世，不过一场美丽的寄居。——简嫃 在前端开发中经常会使用异步方法 这里介绍Promise函数 定义方式： 12345// Promise内部构造参数为一个闭包，闭包中传入你想要异步处理的逻辑new Promise((resolve,reject)=>{ // 这里resolve表示正常处理异步逻辑后传送回调，reject则是异常逻辑或错误逻辑时执行，当异步方法中抛出异常，会自动调用reject，这里也可以手动调用 resolve(1)}) 然后定义完了，我们就可以开始调用 调用写法如下： 12345678new Promise((resolve,reject)=>{ // 假设我这里异步方法处理完后得到的结果为1，我就传入一个1 resolve(1)}).then(res=>{ // 然后异步方法执行完了，我再对结果进行异步处理，让得到的1再加一个1 console.log(res+1)}) 使用then可以执行异步方法后续处理，将异步方法的回调的结果作...
2020-11-07
样式穿透
这是一个最好的时代，也是一个最坏的时代。——狄更斯 前段时间用elementUI进行开发，发现样式修改不了 这里一个简单的表格页面 12345678910111213141516171819202122232425262728293031323334353637383940414243<template> <el-table :data="tableData" style="width: 100%;"> <el-table-column prop="date" label="日期" width="180"></el-table-column> <el-table-column prop="name" label="姓名" width="180"></el-table-column> <el-table-column pro...
2025-02-27
animejs简单示例
乖孩子的路，疯子的路，五彩的路，浪荡子的路，任何的路。——杰克·凯鲁亚克的《在路上》 GitHub - juliangarnier/anime: JavaScript animation engine https://animejs.com/ 使用Anime.js这个强大的JavaScript动画库来实现一个简单的动画效果。我们将通过一个示例代码来展示如何使用Anime.js使一个div元素从透明变为不透明，并且从左向右移动50像素。 示例代码下面是我们的完整HTML代码： 1234567891011121314151617181920212223242526272829303132<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body { back...
2021-12-21
import模块失效
一点浩然气，千里快哉风。——宋•苏轼 昨天公司实习生问我这个import为什么一直报错，他代码如下： 报错信息如下： 1Uncaught SyntaxError: Cannot use import statement outside a module 实际上是因为script标签没有加type导致的 12345678910111213<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="module"> import {ruben} from './js/module.js' console.log(ruben) </script> </body></html> 这样就可以了 可以看到正常...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog