应无所住,而生其心
排名
1
文章
860
粉丝
112
评论
163
net core webapi post传递参数
庸人 : 确实坑哈,我也是下班好了好几次,发现后台传递对象是可以的,但...
百度编辑器自定义模板
庸人 : 我建议换个编辑器,因为现在百度富文本已经停止维护了,用tinymec...
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

js splice的简单用法,操作数组。js删除数组,js根据下标删除数组。js更新数组

6385人阅读 2019/6/17 21:14 总访问:5186126 评论:4 收藏:0 手机
分类: Js相关


splice就是对数组的增删改操作


简单解释一下参数:

1:  开始位置

2:  要删除的个数

3-n: 要添加的元素


直接贴代码:

  1. <script>
  2.     var arr = new Array(3)
  3.     arr[0] = "cz"
  4.     arr[1] = "cxd"
  5.     arr[2] = "gm"
  6.     arr[3] = "aj"
  7.     console.log("------------原数组------------");
  8.     console.log(arr);
  9.     console.log("------------删除位置为3的元素arr.splice(3, 1)------------");
  10.     arr.splice(31);
  11.     console.log(arr);
  12.     console.log("------------cxd替换成girl------------");
  13.     arr.splice(1,1,"girl");
  14.     console.log(arr);
  15.     console.log("------------如果第二个参数为0就不会删除------------");
  16.     arr.splice(10"boy");
  17.     console.log(arr);
  18.     console.log("------------从位置1添加两个元素------------");
  19.     arr.splice(10"wtj","aj");
  20.     console.log(arr);
  21.     console.log("------------从位置1更新两个元素------------");
  22.     arr.splice(1,2,"u_wtj","u_aj");
  23.     console.log(arr);
  24. </script>

输出效果如下:


集合对象中的找到位置在删除

  1. let index =  _circlesItem?.taskLikes.findIndex((el:any) => el.likeDescId == res.data.taskLike.likeDescId && el.userId == res.data.taskLike.userId)
  2. console.log("找到的位置",index)
  3. _circlesItem?.taskLikes.splice(index, 1);



删除某个元素,可以找到位置后执行删除

  1. let poi = state.choiseImgList.indexOf(value)
  2. console.log(poi)
  3. if (poi > -1) {
  4.   state.choiseImgList.splice(poi, 1)
  5. }



欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价

两点半

2019/7/30 10:01:32

js是个很奇怪的东西,前几天做个首页图片实时刷新看在线人数,就是这个数组一直不行,怎么都删不掉,各种方法都试了一遍,清缓存等等,最后。。。我不知道我是怎么解决的,反正代码是没变[哈欠]

剑轩:@两点半啊。。。。突然就好了么

2019/7/30 10:06:47 回复

两点半:@剑轩是不是很奇怪,我只要数组里面有五个,结果怎么都删不掉。。。。我还跑去看API[黑线]

2019/7/30 10:35:25 回复

剑轩:@两点半[汗][汗]有时间就是这样...有点坑

2019/7/30 11:18:07 回复

css弹性盒子flex布局

css弹性盒子由于版本不同浏览器问题造成了一些不同的写法display:flexbox;在google浏览器中如果使用下面的写法就不行displa...

可输入下拉文本框据输入动态加载数据 jquery-editable-select

用到一个jquery-editable-select的控件github地址:https://github.com/indrimuska/jquery-editable-select这个插件的原理是...

.net mvc分部页.net core分部页

.net分部页的三种方式第一种:@Html.Partial(&quot;_分部页&quot;)第二种:@{ Html.RenderPartial(&quot;分部页&quot;);}...

css中单位pxemrem和vh/vw的理解

&gt;px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。em是相对长度单位。相对于当前对象内文本的字...

让IIS支持webp格式图片让IIS支持vtt格式iis设置mime类型iis配置支持的类型

webp格式图片可以让图片体积变小。也让下载图片变得更加困难一点 在线制作webp工具 https://www.upyun.com/webp?utm_mediu...

网页上传文件断点续传的实现无视文件大小上传以及datatables基本用法

首先明白js是客户带执行代码,c#是服务器上执行代码。本地文件需要用到js处理,服务器端接受c#代码处理1.HTML页面,文件信...

如何使用图标像使用文字一样使用文本图标的方法

1.首先在Iconfont-阿里巴巴矢量图标库上面找到你需要的图标然后加入你的购物车然后选择图标;注意:每个类型的图标会大小不...

使用七牛云的cdn服务提高图片的加载速度

CDN介绍CDN的全称是Content Delivery Network,即内容分发网络。CDN加速主要是加速静态资源,如网站上面上传的图片、媒体,...

通俗易懂什么是.NET?什么是.NET Framework?什么是.NET Core?

朋友圈@蓝羽 看到一篇文章写的太详细太通俗了,搬过来细细看完,保证你对.NET有个新的认识理解原文地址:https://www.cnblo...

JS监听input、keydown有输入法时打字完成后触发事件

在给输入框绑定input或keydown事件时预期效果是有输入法时,输入中文后触发事件,不希望输一个字母就触发一次事件可以用到c...

修改了css后让浏览器从缓存中更新

当我们修改了css后,如果不做一些操作,浏览器是不会自动更新我们的样式文件的。除非是过期或者用户手动刷新清理缓存等。所...

C MVC RedirectToAction跳转时候传递参数Action之间传值

MVC Action之间传值,页面跳转传值方法一:路由传值很简单直接使用 RedirectToAction(string actionName, string controller...

当你工作遇到以下几种状态时请果断跳槽走人

已经有想跳槽的念头,但是一直磨磨蹭蹭、犹犹豫豫的混日子,这种念头或者一直持续,或者是不是冒出头来占据你的思维了。于...

C与Java二进制编码转换补码

在C#与Java接口对接时,需要将图片转化为二进制编码传输,这时候发现c#转换出来的编码的值是0~255的范围,而java方需要的是...