`
comeonbabye
  • 浏览: 441548 次
  • 性别: 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
分享到:
评论

相关推荐

    js数组方法reduce经典用法代码分享

    JavaScript中的`reduce`方法是数组的一个非常强大的工具,它能够对数组中的所有元素进行迭代,通过一个累积操作来生成一个单一的输出值。这个方法的关键在于它接受一个回调函数,这个函数有两个主要参数:`...

    js代码-js数组push压栈操作

    `push()`方法是JavaScript数组的一个内置方法,它用于在数组的末尾添加一个或多个元素,并返回新的数组长度。这个方法在处理数据集合时非常常用,尤其是在需要动态添加元素到数组尾部的场景。 ### `push()`方法详解...

    JavaScript数组去重的6个方法

    本文将介绍6种不同的方法来实现JavaScript数组去重,这些方法适用于不同的场景和需求。 1. **基础方法(O(n^2)**: 这是最直观的方法,通过两层循环检查元素是否存在。首先,创建一个新的空数组`res`,然后遍历原...

    javaScript数组迭代方法详解

    JavaScript数组迭代方法是ECMAScript标准中定义的一系列用于操作数组元素的方法。ECMAScript 5为数组添加了五个主要的迭代方法,这些方法为数组处理提供了强大的功能,包括但不限于对数组的每个元素执行操作、进行...

    javascript数组拍平方法总结

    综上所述,JavaScript中实现数组拍平的方法有多种,包括递归处理、结合concat方法的递归、利用ES6的扩展运算符以及使用reduce方法。每种方法都有其适用的场景与优缺点。在实际开发中,开发者应根据具体的数组结构、...

    JavaScript数组方法的错误使用例子

    接下来,我们将根据提供的文档内容详细解析JavaScript数组方法的错误使用案例,并给出正确使用方法的建议。 1. 使用Array.indexOf与Array.includes的错误与正确使用方法 Array.indexOf和Array.includes都是用来查找...

    javascript数组遍历的方法实例分析

    另外,文章还提供了关于JavaScript数组操作、遍历算法、数学运算、数据结构与算法、切换特效、查找算法、动画特效、错误与调试技巧等专题的链接,这些都是JavaScript程序设计中的重要知识点,感兴趣的朋友可以进一步...

    二维数组表单提交

    在这个例子中,`getFormData`函数接收一个表单元素,找到所有的表格行,然后对每行的输入元素收集值,最终形成二维数组。 此外,`price_plan_detail.html`可能包含了这个表单的HTML结构,而`jquery-1.8.3.min.js`是...

    javascript 数组学习资料收集

    下面我们将深入探讨JavaScript数组的一些关键知识点。 1. **创建数组**: - `new Array()` 创建一个空数组。 - `new Array(size)` 创建指定长度的数组,但数组的实际大小仍可变。 - `new Array(element0, ...

    vue深度学习之对象和数组的监听原理 深度学习原理.pdf

    Vue.js 是一个流行的前端JavaScript框架,它以声明式的数据绑定和组件化著称。在Vue中,对于对象和数组的监听是实现响应式系统的关键部分。这篇文章深入探讨了Vue如何监听对象和数组的变化,以便在数据发生变化时...

    文本到数组例子

    在Python中,数组通常用列表(list)来表示,而在JavaScript中,数组是内置的数据类型。数组的优势在于快速查找、插入和删除元素,以及支持各种高级操作,如排序和搜索。 三、文本到数组的转换方法 1. 分词:这是将...

    java动态数组的应用

    3. **日志记录**:日志系统通常需要收集不同时间点的信息,使用动态数组可以轻松地添加新的日志条目而不必担心数组溢出问题。 4. **网络通信数据包处理**:在网络编程中,接收的数据包大小不固定,使用动态数组可以...

    Pixi.js学习 (六)数组 源码

    7. **源码分析**:通过阅读Pixi.js的源码,我们可以了解到数组在实现如上述功能时的具体应用,例如Array.prototype.slice.call()方法用于将类数组对象转换为真正的数组,Array.prototype.splice()用于动态添加或删除...

    JavaScript基于对象去除数组重复项的方法

    除了去重,还可以探索更多JavaScript数组操作(如`map`, `filter`, `reduce`等)、遍历算法、数学运算、数据结构、查找算法、切换特效、动画特效以及错误调试等方面的技巧,不断拓展自己的JavaScript知识体系。

    javascript数组去重小结

    在JavaScript编程中,数组去重是一个很常见的任务,本文将详细探讨四种常用的数组去重方法:循环匹配去重、JSON/对象去重/字典去重、队列递归去重和INDEXOF去重方式。每一种方法都有其特点,适用于不同的场景和需求...

    js中的push和join方法使用介绍.docx

    1. **JavaScript数组方法**:除了`push`和`join`,JavaScript还提供了许多其他数组方法,如`pop()`(移除并返回数组的最后一个元素)、`shift()`(移除并返回数组的第一个元素)、`unshift()`(在数组开头添加元素)...

    FunctionArrays:使用Javascript数组

    在JavaScript编程中,数组是一种非常重要的数据结构,用于...理解并熟练掌握JavaScript数组以及函数数组的概念和应用,将极大地提升你的JavaScript编程能力。在实际开发中,合理运用这些知识可以解决很多复杂的问题。

    checkbox的数组传值

    本文将深入探讨如何在Struts框架下处理checkbox的数组传值,以及如何利用JavaScript增强用户体验。 ### Struts框架中的Checkbox处理 #### 1. **Struts标签库** Struts是Java Web应用开发的一个流行框架,提供了...

Global site tag (gtag.js) - Google Analytics