一, 添加 / 删除数组元素
1. 在数组尾部添加元素
array.push(item1,...,itemX) 可以在数组 array 尾部添加一个或多个元素.
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title > 在数组尾部添加元素 </title>
- <script>
- var arr=[1,2,3];
- //push 的参数为添加到数组后的元素, 参数个数可变
- arr.push(4,5,6);
- // 测试
- window.onload=function(){
- alert(arr);
- }
- </script>
- </head>
- <body>
- </body>
- </html>
2. 删除数组尾部元素
array.pop() 只能删除数组 array 最后一个元素.
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title > 删除数组尾部元素 </title>
- <script>
- var arr=[1,2,3];
- //pop() 只能删除数组最后一个元素
- arr.pop();
- // 测试
- window.onload=function(){
- alert(arr);
- }
- </script>
- </head>
- <body>
- </body>
- </html>
3. 在数组头部添加元素
array.unshift(item1,...,itemX) 函数可在数组 array 的头部添加一个或多个元素.
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title > 在数组头部添加元素 </title>
- <script>
- var arr=[1,2,3];
- arr.unshift(4,5,6);
- // 测试
- window.onload=function(){
- alert(arr);
- }
- </script>
- </head>
- <body>
- </body>
- </html>
4. 删除数组头部元素
array.shift() 函数只删除数组 array 头部的第一个元素.
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title > 删除数组头部元素 </title>
- <script>
- var arr=[1,2,3];
- arr.shift();
- // 测试
- window.onload=function(){
- alert(arr);
- }
- </script>
- </head>
- <body>
- </body>
- </html>
5. 向数组插入元素
array.splice(index,0,item1,.....,itemX) 函数可以用于向数组 array 的某个位置插入一个或多个元素.
array.splice(index,howmany,item1,.....,itemX)
index: 表示待插入元素的位置.
howmany: 表示从某个位置开始连续删除的元素个数. 用于插入时为 "0".
item: 表示插入的内容, 可以有多个, 也可以没有.
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title > 向数组中插入元素 </title>
- <script>
- var arr=['a','b','c','d','e'];
- arr.splice(2,0,'A','B');
- // 测试
- window.onload=function(){
- alert(arr);
- }
- </script>
- </head>
- <body>
- </body>
- </html>
6. 删除数组某个位置的元素
array.splice(index,howmany) 函数可用于删除数组中从某个位置开始连续的一个或多个元素.
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title > 删除数组某个位置的元素 </title>
- <script>
- var arr=['a','b','c','d','e'];
- arr.splice(2,2);
- // 测试
- window.onload=function(){
- alert(arr);
- }
- </script>
- </head>
- <body>
- </body>
- </html>
7. 替换数组中的元素
array.splice(index,howmany,item1,.....,itemX) 函数可以用于替换数组中从某个位置开始连续的一个或多个元素.
替换可以看成时先删除后插入. 当然, 删除和插入元素的位置和个数都相同才叫替换. 因为 splice() 函数同时具有删除和插入的同能, 所以可以用于替换.
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title > 替换数组中的元素 </title>
- <script>
- var arr=['a','b','c','d','e'];
- arr.splice(0,2,'A','B');
- // 测试
- window.onload=function(){
- alert(arr);
- }
- </script>
- </head>
- <body>
- </body>
- </html>
二, 排序
1. 数组元素按字母升序排序
array.sort() 函数默认按数组元素的首字母顺序升序排序, 即使数组元素是数字.
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title > 数组元素按字母升序排序 </title>
- <script>
- var arr=['boy','zoom','cat','dog','apple','girl'];
- arr.sort();
- // 测试
- window.onload=function(){
- alert(arr);
- }
- </script>
- </head>
- <body>
- </body>
- </html>
2. 数组元素按字母顺序降序排序
array.reverse() 函数可以用于反转数组 array 元素顺序, 在数组元素按升序排序后, 将数组元素顺序反转, 可实现数组元素按字母顺序降序排序.
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title > 数组元素按字母降序排序 </title>
- <script>
- var arr=['boy','zoom','cat','dog','apple','girl'];
- arr.sort();
- arr.reverse();
- // 测试
- window.onload=function(){
- alert(arr);
- }
- </script>
- </head>
- <body>
- </body>
- </html>
3. 对数字进行升序排序
sort() 函数无法直接对数组中的数字元素进行排序, 需要将一个函数作为参数输入到 sort() 函数中, 为函数指定排序方式.
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title > 对数字进行升序排序 </title>
- <script>
- var arr=[5,85,65,24,53,35,25];
- arr.sort(function(a,b){return a-b;});
- // 测试
- window.onload=function(){
- alert(arr);
- }
- </script>
- </head>
- <body>
- </body>
- </html>
4. 对数字进行降序排序
与升序排序原理相同, 只要将作为参数的函数中的返回值修改成相反形式就行.
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title > 对数字进行降序排序 </title>
- <script>
- var arr=[5,85,65,24,53,35,25];
- arr.sort(function(a,b){return b-a;});
- // 测试
- window.onload=function(){
- alert(arr);
- }
- </script>
- </head>
- <body>
- </body>
- </html>
三, 其他
1. 连接数组
array1.concat(array2,...,arrayX) 可以将多个数组按照 array1,array2,...,arrayX 这样的顺序连接起来成为一个新的数组.
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title > 连接数组 </title>
- <script>
- var arr1=[1,2,3];
- var arr2=[4,5];
- var arr3=[6];
- var arr=arr1.concat(arr2,arr3);
- // 测试
- window.onload=function(){
- alert(arr);
- }
- </script>
- </head>
- <body>
- </body>
- </html>
2. 将数组所有元素转换成一定格式的字符串
array.join(separator) 函数可以将 array 数组的所有元素按顺序使用 separator 连接符连接起来, 成为一个新的字符串. 如果 join() 函数的参数为空, 则默认使用逗号连接.
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title > 对数字进行降序排序 </title>
- <script>
- var arr1=[1,2,3,4,5];
- var arr=arr1.join('-');
- // 测试
- window.onload=function(){
- alert(arr);
- }
- </script>
- </head>
- <body>
- </body>
- </html>
来源: http://www.qdfuns.com/article/50845/970a326e06f319f966edc87ab2b0e58e.html