`
zyb_icanplay
  • 浏览: 27086 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

js:splice()方法【从一个数组中移…

 
阅读更多

splice 方法

从一个数组中移除一个或多个元素,如果必要,在所移除元素的位置上插入新元素,返回所移除的元素。

arrayObj.splice(start,<wbr></wbr>deleteCount,<wbr></wbr>[item1[,<wbr></wbr>item2[,<wbr></wbr>.<wbr></wbr>.<wbr></wbr>.<wbr></wbr>[,itemN]]]])

参数

arrayObj

必选项。一个 Array 对象。

start

必选项。指定从数组中移除元素的开始位置,这个位置是从 0 开始计算的。

deleteCount

必选项。要移除的元素的个数。

item1, item2,. . .,itemN

必选项。要在所移除元素的位置上插入的新元素。

说明
splice 方法可以移除从 start 位置开始的指定个数的元素并插入新元素,从而修改 arrayObj。返回值是一个由所移除的元素组成的新 Array 对象。


举例项目中应用到的一个方法:
//点击周checkbox动作
checked:function(el,index){
<wbr><span style="color: rgb(0, 0, 170);">var</span><span><wbr></wbr></span><span style="color: rgb(0, 0, 0);">point</span>;<br><wbr><span style="color: rgb(0, 0, 170);">if</span>(<span style="color: rgb(0, 0, 0);">!</span><span style="color: rgb(0, 0, 0);">$</span>(<span style="color: rgb(0, 0, 0);">el</span><span style="color: rgb(0, 0, 0);">).</span><span style="color: rgb(0, 0, 0);">hasClass</span>(<span style="color: rgb(170, 85, 0);">"active"</span><span style="color: rgb(0, 0, 0);">)){</span><br><wbr><wbr><span style="color: rgb(0, 0, 0);">$</span>(<span style="color: rgb(0, 0, 0);">el</span><span style="color: rgb(0, 0, 0);">).</span><span style="color: rgb(0, 0, 0);">addClass</span>(<span style="color: rgb(170, 85, 0);">"active"</span>);<br><wbr><wbr><span style="color: rgb(0, 0, 170);">this</span><span style="color: rgb(0, 0, 0);">.</span><span style="color: rgb(0, 0, 0);">weeks</span><span style="color: rgb(0, 0, 0);">.</span><span style="color: rgb(0, 0, 0);">push</span>(<span style="color: rgb(0, 0, 0);">index</span>);<br><wbr><span style="color: rgb(0, 0, 0);">}</span><span><wbr></wbr></span><span style="color: rgb(0, 0, 170);">else</span><span><wbr></wbr></span><span style="color: rgb(0, 0, 0);">{</span><br><wbr><wbr><span style="color: rgb(0, 0, 0);">$</span>(<span style="color: rgb(0, 0, 0);">el</span><span style="color: rgb(0, 0, 0);">).</span><span style="color: rgb(0, 0, 0);">removeClass</span>(<span style="color: rgb(170, 85, 0);">"active"</span>);<br><wbr><wbr><span style="color: rgb(0, 0, 170);">for</span>(<span style="color: rgb(0, 0, 170);">var</span><span><wbr></wbr></span><span style="color: rgb(0, 0, 0);">i</span><span><wbr></wbr></span><span style="color: rgb(0, 0, 0);">=</span><span><wbr></wbr></span><span style="color: rgb(0, 153, 153);">0</span><span style="color: rgb(0, 0, 0);">,</span><span><wbr></wbr></span><span style="color: rgb(0, 0, 0);">l</span><span><wbr></wbr></span><span style="color: rgb(0, 0, 0);">=</span><span><wbr></wbr></span><span style="color: rgb(0, 0, 170);">this</span><span style="color: rgb(0, 0, 0);">.</span><span style="color: rgb(0, 0, 0);">weeks</span><span style="color: rgb(0, 0, 0);">.</span><span style="color: rgb(0, 0, 0);">length</span>; <wbr><span style="color: rgb(0, 0, 0);">i</span><span><wbr></wbr></span><span style="color: rgb(0, 0, 0);">&lt;&lt;/span&gt;<span><wbr></wbr></span><span style="color: rgb(0, 0, 0);">l</span>; <wbr><span style="color: rgb(0, 0, 0);">i</span><span style="color: rgb(0, 0, 0);">++</span><span style="color: rgb(0, 0, 0);">){</span><br><wbr><wbr><wbr><span style="color: rgb(0, 0, 170);">if</span>(<span style="color: rgb(0, 0, 170);">this</span><span style="color: rgb(0, 0, 0);">.</span><span style="color: rgb(0, 0, 0);">weeks</span><span style="color: rgb(0, 0, 0);">[</span><span style="color: rgb(0, 0, 0);">i</span><span style="color: rgb(0, 0, 0);">]</span><span><wbr></wbr></span><span style="color: rgb(0, 0, 0);">==</span><span><wbr></wbr></span><span style="color: rgb(0, 0, 0);">index</span><span style="color: rgb(0, 0, 0);">){</span><br><wbr><wbr><wbr><wbr><span style="color: rgb(0, 0, 0);">point</span><span><wbr></wbr></span><span style="color: rgb(0, 0, 0);">=</span><span><wbr></wbr></span><span style="color: rgb(0, 0, 0);">i</span>;<br><wbr><wbr><wbr><span style="color: rgb(0, 0, 0);">}</span><br><wbr><wbr><span style="color: rgb(0, 0, 0);">}</span><br><wbr><wbr><span style="color: rgb(0, 0, 170);">this</span><span style="color: rgb(0, 0, 0);">.</span><span style="color: rgb(0, 0, 0);">weeks</span><span style="color: rgb(0, 0, 0);">.</span><span style="color: rgb(0, 0, 0);">splice</span>(<span style="color: rgb(0, 0, 0);">point</span><span style="color: rgb(0, 0, 0);">,</span><span style="color: rgb(0, 153, 153);">1</span>);<br><wbr><wbr><span style="color: rgb(170, 170, 170); font-style: italic;">//console.log(this.weeks);</span><br><wbr><span style="color: rgb(0, 0, 0);">}</span><br><wbr><span style="color: rgb(0, 0, 170);">this</span><span style="color: rgb(0, 0, 0);">.</span><span style="color: rgb(0, 0, 0);">weeks</span><span style="color: rgb(0, 0, 0);">.</span><span style="color: rgb(0, 0, 0);">sort</span>();<br><wbr><span style="color: rgb(0, 0, 170);">this</span><span style="color: rgb(0, 0, 0);">.</span><span style="color: rgb(0, 0, 0);">week_str</span><span><wbr></wbr></span><span style="color: rgb(0, 0, 0);">=</span><span><wbr></wbr></span><span style="color: rgb(0, 0, 170);">new</span><span><wbr></wbr></span><span style="color: rgb(0, 170, 170);">Array</span>();<br><wbr><span style="color: rgb(0, 0, 170);">for</span><span><wbr></wbr></span>(<span style="color: rgb(0, 0, 0);">i</span><span style="color: rgb(0, 0, 0);">=</span><span style="color: rgb(0, 153, 153);">0</span>;<span style="color: rgb(0, 0, 0);">i</span><span style="color: rgb(0, 0, 0);">&lt;&lt;/span&gt;<span style="color: rgb(0, 0, 170);">this</span><span style="color: rgb(0, 0, 0);">.</span><span style="color: rgb(0, 0, 0);">weeks</span><span style="color: rgb(0, 0, 0);">.</span><span style="color: rgb(0, 0, 0);">length</span>;<span style="color: rgb(0, 0, 0);">i</span><span style="color: rgb(0, 0, 0);">++</span><span style="color: rgb(0, 0, 0);">){</span><br><wbr><wbr><span style="color: rgb(0, 0, 170);">this</span><span style="color: rgb(0, 0, 0);">.</span><span style="color: rgb(0, 0, 0);">week_str</span><span style="color: rgb(0, 0, 0);">.</span><span style="color: rgb(0, 0, 0);">push</span>(<span style="color: rgb(170, 85, 0);">' '</span><span><wbr></wbr></span><span style="color: rgb(0, 0, 0);">+</span><span><wbr></wbr></span><span style="color: rgb(0, 0, 170);">this</span><span style="color: rgb(0, 0, 0);">.</span><span style="color: rgb(0, 0, 0);">weekarr</span><span style="color: rgb(0, 0, 0);">[</span><span style="color: rgb(0, 0, 170);">this</span><span style="color: rgb(0, 0, 0);">.</span><span style="color: rgb(0, 0, 0);">weeks</span><span style="color: rgb(0, 0, 0);">[</span><span style="color: rgb(0, 0, 0);">i</span><span style="color: rgb(0, 0, 0);">]]);</span><br><wbr><span style="color: rgb(0, 0, 0);">}</span><br><wbr><span style="color: rgb(0, 0, 0);">$</span>(<span style="color: rgb(170, 85, 0);">"#m_a_s_weekbox"</span><span style="color: rgb(0, 0, 0);">).</span><span style="color: rgb(0, 0, 0);">val</span>(<span style="color: rgb(0, 0, 170);">this</span><span style="color: rgb(0, 0, 0);">.</span><span style="color: rgb(0, 0, 0);">weeks</span>);<br><wbr><span style="color: rgb(0, 0, 170);">this</span><span style="color: rgb(0, 0, 0);">.</span><span style="color: rgb(0, 0, 0);">pushChecked</span>();<br><span style="color: rgb(0, 0, 0);">}</span></wbr></wbr></wbr></wbr></wbr></span></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></span></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

分享到:
评论

相关推荐

    js删除数组中的元素delete和splice的区别详解

    例如有一个数组是 :var textArr = [‘a’,’b’,’c’,’d’]; 这时我想删除这个数组中的b元素: 方法一:delete 删除数组 delete textArr[1] 结果为: [“a”,undefined,”c”,”d”]  只是被删除的元素变成了 ...

    JavaScript常用数组、字符串、Object方法

    JavaScript中常用的数组方法如下: - push():向数组末尾添加一个或多个元素,并返回新的长度。 - pop():删除并返回数组的最后一个元素。 - unshift():向数组开头添加一个或多个元素,并返回新的长度。 - ...

    js删除数组中某几项的方法总结

    splice有3个参数,它也可以用来替换/删除/添加数组内某一个或者几个值 index:数组开始下标 len: 替换/删除的长度 item:替换的值,删除操作的话 item为空 如:arr = [‘a’,’b’,’c’,’d’] 删除 —- item不设置 ...

    JavaScript面试题

    1.请说一下数组常用的方法有哪些? push():添加到数组的最后 splice():删除指定的元素,并且在删除的位置添加元素 Sting()、toString():将数组转为字符串 join():拼接字符串,将数组用什么符号转为字符串 split():...

    JS数组splice操作实例分析

    主要介绍了JS数组splice操作,结合实例形式分析了javascript使用splice方法删除数组元素相关操作技巧,需要的朋友可以参考下

    浅谈js数组和splice的用法

    下面小编就为大家带来一篇浅谈js数组和splice的用法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    vue.js中$set与数组更新方法

    当然vue中给了解决方法,就是使用 Vue.set, vm.$set(Vue.set的变种写法)或者 splice,caoncat等修改数组,同时也将触发状态更新: ex: 所以如果在实例创建后添加新的属性到实例上,则不会触发更新。 ps:现在有两...

    体验js中splice()的强大(插入、删除或替换数组的元素)

    javascript splice()算是最强大的了,它可以用于插入、删除或替换数组的元素。下面来一一介绍,感兴趣的朋友

    arrsplice.js,js删除数组中指定元素-splice

    js删除数组中指定元素--splice 注意:splice() 方法会改变原始数组。 如果要保留原始数组并返回新的数组, 请使用 Array.filter() 方法。

    pop-swap:数组和数组(如 JavaScript 对象)的范围内容更改运算符

    Splice 总是返回一个已删除值的数组,这对于对所有这些方法进行建模是没有用的。 乍一看,拼接也是应用操作变换的合适运算符。 操作转换要么在某个位置添加值,要么从某个位置删除值。 为此,拼接有一些缺点。 ...

    Javascript实现数组中的元素上下移动

    我们交换数组可以实现元素上下移动了,这个效果我们在表格或以前排序算法中都会用到,下面来看一个JavaScript下实现交换数组元素上下移动例子 在写项目的时候,要实现一个数组记录上下移动的示例。写起来也没有没...

    JavaScript中的splice()方法使用详解

    JavaScript数组的splice()方法改变数组的内容,增加了新的元素,同时消除旧元素。 语法 array.splice(index, howMany, [element1][, ..., elementN]); 下面是参数的详细信息: index : 在该索引开始改变的数组。 ...

    String-Splice:拼接,但用于字符串而不是数组

    姓名 String :: Splice-拼接,但用于字符串而不是数组 概要 use String::Splice; say ' Perl 6 is awesome ' . & splice ( 0 , 6 , ' Raku '...String :: Splice旨在提供一个简单的接口来对字符串进行切片和切块,其方

    JavaScript基础进阶之数组方法总结(推荐)

    数组常用方法总结: 下面我只总结了es3中常用的数组方法,一共有11个。es5中新增的9个数组方法,后续再单独总结。...作用:连接两个数组,合并为一个新数组。 用法:arr1.concat(arr2,arr2…) 示例: [removed]

    php数组函数序列之array_splice() – 在数组任意位置插入元素

    array_splice定义和用法 array_splice() 函数与 array_slice() 函数类似,选择数组中的一系列元素,但不返回,而是删除它们并用其它值代替。 如果提供了第四个参数,则之前选中的那些元素将被第四个参数指定的数组...

    object-observer:通过本机ProxyJavaScript对象数组的对象观察器功能

    object-observer object-observer提供对对象/数组图执行的更改的深入观察。 主要方面和特点: ...通常具有一系列原子变化类型化数组的详细信息: 支持通用的类对象突变支持的固有TypedArray突变方法: reverse , so

    JavaScript中的splice方法用法详解

    JavaScript中的splice主要用来对js中的数组进行操作,包括删除,添加,替换等。 注意:这种方法会改变原始数组!。 1.删除-用于删除元素,两个参数,第一个参数(要删除第一项的位置),第二个参数(要删除的项数) ...

    JS中的数组方法笔记整理

    push()方法:可以向数组的末尾添加一个或者多个元素,并且返回新的长度 ...splice()方法:从数组中添加/删除项目,然后返回被删除的项目,该方法会改变原数组 语法:arrObject.splice(index,howmany,item,

    vue 修改 data 数据问题并实时显示操作

    首先,定义一个变量: (以下以本人写的为例) 首先定义一个变量: 然后,给变量赋值: 如果想要修改数据,主要代码如下: 然后界面上要记得绑定数据id: 就Ok了。 补充知识:vue data中数组以及对象 属性改变时不...

    isarraylike:检查 value 是否是类似数组的对象

    检查 value 是简单还是复杂的类似数组的对象。 安装 使用 : component install darsain/isarraylike 用法 var isArrayLike = require ( 'isarraylike' ) ; // simple isArrayLike ( [ ] ) ; // &gt; true ...

Global site tag (gtag.js) - Google Analytics