`
comeonbabye
  • 浏览: 437966 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS数组方法收集

    博客分类:
  • JS
阅读更多

1. JS splice()方法

splice() 方法用于插入、删除或替换数组的元素。

语法
arrayObject.splice(index,howmany,element1,.....,elementX)
参数 描述
index 必需。规定从何处添加/删除元素。
该参数是开始插入和(或)删除的数组元素的下标,必须是数字。
 
howmany 必需。规定应该删除多少元素。必须是数字,但可以是 "0"。
如果未规定此参数,则删除从 index 开始到原数组结尾的所有元素。
 
element1 可选。规定要添加到数组的新元素。从 index 所指的下标处开始插入。
elementX 可选。可向数组添加若干元素。

返回值
如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。

说明
splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。
提示和注释
注释:请注意,splice() 方法与 slice() 方法的作用是不同的,splice() 方法会直接对数组进行修改。
实例
例子 1
在本例中,我们将创建一个新数组,并向其添加一个元素:

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
arr.splice(2,0,"William")
document.write(arr + "<br />")

</script>
输出:

George,John,Thomas,James,Adrew,Martin
George,John,William,Thomas,James,Adrew,Martin
例子 2
在本例中我们将删除位于 index 2 的元素,并添加一个新元素来替代被删除的元素:

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
arr.splice(2,1,"William")
document.write(arr)

</script>
输出:

George,John,Thomas,James,Adrew,MartinGeorge,John,William,James,Adrew,Martin
例子 3
在本例中我们将删除从 index 2 ("Thomas") 开始的三个元素,并添加一个新元素 ("William") 来替代被删除的元素:

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
arr.splice(2,3,"William")
document.write(arr)

</script>
输出:

George,John,Thomas,James,Adrew,MartinGeorge,John,William,Martin

 

 

2. js的slice函数

对于array对象的slice函数,
返回一个数组的一段。(仍为数组)
arrayObj.slice(start, [end])  
参数
arrayObj  
必选项。一个 Array 对象。  
start  
必选项。arrayObj 中所指定的部分的开始元素是从零开始计算的下标。  
end  
可选项。arrayObj 中所指定的部分的结束元素是从零开始计算的下标。  
说明
slice 方法返回一个 Array 对象,其中包含了 arrayObj 的指定部分。
slice 方法一直复制到 end 所指定的元素,但是不包括该元素。如果 start 为负,将它作为 length + start处理,此处 length 为数组的长度。如果 end 为负,就将它作为 length + end 处理,此处 length 为数组的长度。如果省略 end ,那么 slice 方法将一直复制到 arrayObj 的结尾。如果 end 出现在 start 之前,不复制任何元素到新数组中。

 

3. JavaScript concat() 方法

 

定义和用法

concat() 方法用于连接两个或多个数组。

该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。

 

4. JavaScript join() 方法

定义和用法

join() 方法用于把数组中的所有元素放入一个字符串。

元素是通过指定的分隔符进行分隔的。

语法

arrayObject.join(separator
)
参数 描述
separator 可选。指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。

返回值

返回一个字符串。该字符串是通过把 arrayObject 的每个元素转换为字符串,然后把这些字符串连接起来,在两个元素之间插入 separator 字符串而生成的。

 

 

 

 

 

 

 

1
1
分享到:
评论

相关推荐

    javascript 数组学习资料收集

    在JavaScript中,创建一个数组可以使用 new Array,如下几种语法都是正确的: arrayObj = new Array() 创建一个数组。 arrayObj = new Array([size]) 创建一个数组并指定长度,注意不是上限,是长度。 arrayObj = ...

    JavaScript学习笔记之数组去重

    话说面试常会碰到面试官会问JavaScript实现数组去重的问题,最近刚好在学习有关于JavaScript数组相关的知识,趁此机会整理了一些有关于JavaScript数组去重的方法。 下面这些数组去重的方法是自己收集和整理的,如有...

    collection-js:针对Java量身定制的收集框架

    一些灵感来自及其丰富的对象/功能混合方法,该方法非常适合JS。 它应该与任何JS引擎,甚至IE6都兼容(尽管到目前为止还没有针对它进行过测试) 缩小collection-js的权重16KB,仅专注于集合。内容代码示例JS var ...

    js思维导图.rar

    javascript数组 javascript流程语句 javascript字符串函数 javascript函数基础 javascript基础DOM操作 文档对象模型DOM javascript正则表达式 能够认真看完就是一次对javascript的回顾与提升,可以很好的检验基础。

    collections:可支持asyncawait且可链接的Array&Collection实用程序

    馆藏Node.js的async/await-ready数组方法·· 按照和进行更新!介绍@supercharge/collections软件包提供了一个方便的包装器来处理数组。安装npm i @supercharge/collections文件找到所有。用法程序包导出接受数组...

    JS-Array-Discriminator:JS-是否提示输入数组? 想要保持数值数据遵循一些约束?

    JS数组鉴别器 有提示输入数组吗? 想要使数组遵循某些约束(仅字母/仅数字)? 这里是: 我还包括一个html文件,因此您可以测试和修改周围的代码 这是一个简单的代码,可以创建一个更具区别性的数组,目前可以对...

    JS判断数组那点事

    在面试过程中经常被面试官问到这样的题目:如何判断数组?下面小编就针对这个问题给大家收集整理了份资料,感兴趣的朋友一起看看吧

    100个直接可以拿来用的JavaScript实用功能代码片段(1-10)

    90、原生JavaScript常用的正则表达式大收集 91、原生JavaScript实现窗体改变事件resize的操作(兼容所以的浏览器) 92、原生JavaScript用正则清除空格分左右 93、原生JavaScript判断变量是否空值 94、原生JavaScript...

    javascript经典问题解决方案

    JavaScript 对象与数组参考大全;JavaScript 函数;Javascript 事件;javascript的高级应用;javascript里的document_all用法收集; javascript如何判断一个控件获得焦点; javascript数据效验类;javascript字符串...

    JavaScript网页特效应用开发手册

    中文名: JavaScript网页特效应用与开发手册 作者: 曹育诚图书分类: 网络 资源格式: PDF 版本: 扫描版 出版社: 知城数位书号: 9789570435139发行时间: 2000年10月03日 地区: 台湾 语言: 繁体中文 简介: 内容介绍...

    KinerVue.zip

    本文件是本人在学习Vue源码过程中,自己尝试实现的简易版Vue...4、工具方法$watch-观察属性变化的方法、$set-为对象添加属性或者为数组添加子项,并通知依赖更新、$delete-删除对象属性或删除数组子项并通知依赖更新

    微信小程序 - 对象转换成对象数组

    后端传过来的一个个对象 {1,2,3,4},{1... 免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。

    基于 Akamai Technologies 开发的约束条件模仿人类行为的活动生成器_JavaScript_代码_相关文件

    使用de4js并选择数组,您可以查看 Akamai 用来确定您是否是人类的原始 JS 代码。 传感器生成器的工作原理如下: 访问网站以获取临时 Akamai cookie 使用临时 akamai cookie,欺骗传感器字符串的值 向 akamai 收集...

    endpoint:转换流引入缓冲区或对象数组

    endpoint是一个WriteStream在那里将流转换为缓冲区或对象数组,它还从源中收集流错误。 在单个缓冲区中收集缓冲区流: var endpoint = require ( 'endpoint' ) ; BufferStream . pipe ( endpoint ( function ( ...

    pop-observe:数组、对象和其他实例的属性、范围、映射和设置更改观察者

    这个 JavaScript 包,适用于浏览器和 Node.js,提供了一个系统来同步观察数组、对象和其他实例的内容变化。 这些观察者具有共同的、可组合的风格,公开其内部状态以进行调试,并重用状态跟踪对象以减少垃圾收集。 ...

    iterator.Ninja.JS:促进与数组的交互,使您可以在数据收集中向前和向后移动

    促进与数组的交互,使您可以在数据收集中向前和向后移动 this . Ninja ( [ '$iterator' ] , function ( $iterator ) { var i = $iterator ( [ 1 , 2 , 3 , 4 , 5 ] ) ; while ( i . hasNext ( ) ) { console . ...

    javascript 实现输入多行动态输入

    JSP用中收集数据:javascript 实现输入多行动态输入 在网上找了一下,只有一篇此类文章,还是PHP的,害得我要特意去看一下PHP,感觉很不好,是一种弱类型的语言,可以不声明就使用,因此,还要在每个变量前加$.不知道那些...

    JavaScript动态添加列的方法

    本文实例讲述了JavaScript动态添加列的方法。分享给大家供大家参考。具体实现方法如下: ...// 如果[invert]参数不给或为false, $.grep只收集回调函数返回true的数组元素 // 反之[invert]参数为true, $.gre

    js封装的textarea操作方法集合(兼容很好)

    虽然你现在看来没什么用,当要用的时候又到处找资料,还不如现在收集一下。 在DOM里面操作textarea里面的字符,是比较麻烦的。 于是我有这个封装分享给大家,测试过IE6,8, firefox ,chrome, opera , safari。兼容没...

Global site tag (gtag.js) - Google Analytics