数组常用方法总结:
下面我只总结了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,Thomas Thomas George,John
2、push()
作用:可向数组的末尾添加一个或多个元素,并返回新的长度。
用法:arrayObject.push(newelement1,newelement2,....,newelementX)
它直接修改 arrayObject,而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。
示例:
<script type="text/javascript"> var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" document.write(arr + "<br />") document.write(arr.push("James") + "<br />") document.write(arr) </script>
输出:
George,John,Thomas 4 George,John,Thomas,James
3、shift()
作用:用于把数组的第一个元素从其中删除,并返回第一个元素的值。
用法:arrayObject.shift()
如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。请注意,该方法不创建新数组,而是直接修改原有的 arrayObject。
示例:
<script type="text/javascript"> var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" document.write(arr + "<br />") document.write(arr.shift() + "<br />") document.write(arr) </script>
输出:
George,John,Thomas George John,Thomas
4,unshift()
作用:可向数组的开头添加一个或更多元素,并返回新的长度。
用法:arrayObject.unshift(newelement1,newelement2,....,newelementX)
unshift() 方法将把它的参数插入 arrayObject 的头部,并将已经存在的元素顺次地移到较高的下标处,以便留出空间。该方法的第一个参数将成为数组的新元素 0,如果还有第二个参数,它将成为新的元素 1,以此类推。
请注意,unshift() 方法不创建新的创建,而是直接修改原有的数组。unshift() 方法无法在 Internet Explorer 中正确地工作!
示例: