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

数组常用方法总结：

下面我只总结了es3中常用的数组方法，一共有11个。es5中新增的9个数组方法，后续再单独总结。

1个连接数组的方法：concat（）

2个数组转换为字符串的方法：join（）、toString（）

6个增删数组元素的方法：pop（）、push（）、shift（）、unshift（）、slice（）、splice（）

2个数组排序方法：reverse（）、sort（）

连接数组的方法：

1、concat（）

作用：连接两个数组，合并为一个新数组。

用法：arr1.concat（arr2，arr2...）

示例：

<script type="text/javascript">var arr = new Array(3)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"var arr2 = new Array(3)arr2[0] = "James"arr2[1] = "Adrew"arr2[2] = "Martin"document.write(arr.concat(arr2))</script>

输出：

George,John,Thomas,James,Adrew,Martin

数组转换为字符串的方法：

1、join（）

作用：用于把数组中的所有元素放入一个字符串。并通过指定的分隔符进行分隔。

用法：arrayObject.join(separator)

示例：

<script type="text/javascript">var arr = new Array(3)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"document.write(arr.join("."))</script>

输出：

George.John.Thomas

注意：返回值为一个字符串。如果没有分隔符，默认以逗号分隔。

2、toString（）

作用：把数组转换为字符串，并返回结果。

用法：arrayObject.toString()

示例：

<script type="text/javascript">var arr = new Array(3)arr[0] = "George"；arr[1] = "John"；arr[2] = "Thomas"；document.write(arr.toString())；</script>

输出：

George,John,Thomas

返回值与没有参数的 join() 方法返回的字符串相同。数组中的元素之间用逗号分隔。

增删数组元素的方法：

1、pop（）

作用：用于删除并返回数组的最后一个元素。

用法：arrayObject.pop()

pop() 方法将删除 arrayObject 的最后一个元素，把数组长度减 1，并且返回它删除的元素的值。如果数组已经为空，则 pop() 不改变数组，并返回 undefined 值。

示例：

<script type="text/javascript">var arr = new Array(3)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"document.write(arr)document.write("<br />")document.write(arr.pop())document.write("<br />")document.write(arr)</script>

输出：

George,John,ThomasThomasGeorge,John

2、push（）

作用：可向数组的末尾添加一个或多个元素，并返回新的长度。

用法：arrayObject.push(newelement1,newelement2,....,newelementX)