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...）
示例：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <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)
示例：
1 2 3 4 5 6 7 8 9 10 11 12 13 | <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()
示例：
1 2 3 4 5 6 7 8 9 10 11 12 13 | <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 值。
示例：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <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> |
输出：
1 2 3 | George,John,Thomas Thomas George,John |
2、push（）
作用：可向数组的末尾添加一个或多个元素，并返回新的长度。
用法：arrayObject.push(newelement1,newelement2,....,newelementX)
它直接修改 arrayObject，而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。
示例：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <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> |
输出：
1 2 3 | George,John,Thomas 4 George,John,Thomas,James |
3、shift（）
作用：用于把数组的第一个元素从其中删除，并返回第一个元素的值。
用法：arrayObject.shift()
如果数组是空的，那么 shift() 方法将不进行任何操作，返回 undefined 值。请注意，该方法不创建新数组，而是直接修改原有的 arrayObject。
示例：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <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> |
输出：
1 2 3 | George,John,Thomas George John,Thomas |
4，unshift（）
作用：可向数组的开头添加一个或更多元素，并返回新的长度。
用法：arrayObject.unshift(newelement1,newelement2,....,newelementX)
unshift() 方法将把它的参数插入 arrayObject 的头部，并将已经存在的元素顺次地移到较高的下标处，以便留出空间。该方法的第一个参数将成为数组的新元素 0，如果还有第二个参数，它将成为新的元素 1，以此类推。
请注意，unshift() 方法不创建新的创建，而是直接修改原有的数组。unshift() 方法无法在 Internet Explorer 中正确地工作！
示例：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <script type="text/javascript"> var arr = new Array() arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" document.write(arr + "<br />") document.write(arr.unshift("William") + "<br />") document.write(arr) </script> |
输出：
1 2 3 | George,John,Thomas 4 William,George,John,Thomas |
5，slice（）
作用：可从已有的数组中返回选定的元素。
用法：arrayObject.slice(start,end)
start | 必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。 |
end | 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。 |
返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。
该方法并不会修改数组，而是返回一个子数组。如果想删除数组中的一段元素，应该使用方法 Array.splice()。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <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.slice(1) + "<br />") document.write(arr) </script> |
输
1 2 3 | George,John,Thomas John,Thomas George,John,Thomas |
6，splice（）
作用：向/从数组中添加/删除项目，然后返回被删除的项目。
用法：arrayObject.splice(index,howmany,item1,.....,itemX)
index | 必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。 |
howmany | 必需。要删除的项目数量。如果设置为 0，则不会删除项目。 |
item1, ..., itemX | 可选。向数组添加的新项目。 |
该方法会改变原始数组。
示例：
1 2 3 4 5 6 7 8 9 10 11 12 13 | <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> |
输出
1 2 3 | George,John,Thomas,James,Adrew,Martin George,John,William,Thomas,James,Adrew,Martin |
数组元素排序：
1、reverse（）
作用：用于颠倒数组中元素的顺序。
用法：arrayObject.reverse()
该方法会改变原来的数组，而不会创建新的数组。
示例：
1 2 3 4 5 6 7 8 9 10 11 12 13 | <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.reverse()) </script> |
输出：
1 2 | George,John,Thomas Thomas,John,George |
2，sort（）
作用：用于对数组的元素进行排序。
用法：arrayObject.sort(sortby)
Sortby：可选，按规定是顺序排序。必须是函数。
相对于其他方法来说复杂了一点。
如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。
如果想按照其他标准进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下：
若 a 小于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0 的值。
若 a 等于 b，则返回 0。
若 a 大于 b，则返回一个大于 0 的值。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | <script type="text/javascript"> function sortNumber(a,b) { return a - b } var arr = new Array(6) arr[0] = "10" arr[1] = "5" arr[2] = "40" arr[3] = "25" arr[4] = "1000" arr[5] = "1" document.write(arr + "<br />") document.write(arr.sort(sortNumber)) </script> |
输出：
1 2 | 10,5,40,25,1000,1 1,5,10,25,40,1000 |
上面这个例子是让数组元素从小到大排序，如果想实现从大到小排序，只需要将sortNumber函数中的a-b改为b-a即可。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | <script type="text/javascript"> function sortNumber(a,b) { return b - a; } var arr = new Array(6) arr[0] = "10" arr[1] = "5" arr[2] = "40" arr[3] = "25" arr[4] = "1000" arr[5] = "1" document.write(arr + "<br />") document.write(arr.sort(sortNumber)) </script> |
输出：
