Javascipt数组

2018-06-24 01:13:57来源：未知阅读 ()

Javascipt数组

　　在Javascript中数组的做用是：使用单独的变量名来储存一系列的值。

　　数组只有一个属性，就是length，length表示的数组所占内存空间的数目。

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         var sz = new Array();
10         sz[0] = 'a';
11         sz[1] = 'b';
12         sz[2] = 'c';
13         sz[3] = 'd';
14         sz[4] = 'e';
15         sz.length=2;
16         for (var i=0;i<sz.length;i++){
17             document.write(sz[i]+'<br />');
18         }
19         //在sz.length中虽然定义了他的长度为2但是实际上数组sz中有参数5个，所以说他的长度是5。若在数组最后定义它的长度则在输出的时候只输出他最后定义的长度的内容。
20     </script>
21 </body>
22 </html>

1.创建数组

　　创建数组方法1：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         var sz = new Array()
10         sz[0] = 'a';
11         sz[1] = 'b';
12         sz[2] = 'c';
13         sz[3] = 'd';
14         sz[4] = 'e';
15         for (var i=0;i<sz.length;i++){
16             document.write(sz[i]+'<br />');
17         }
18     </script>
19 </body>
20 </html>

　　创建数组方法2：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         var sz2 = new Array('a','b','c');
10         for (var i=0;i<sz2.length;i++){
11             document.write(sz2[i]+'<br />');
12         }
13     </script>
14 </body>
15 </html>

2.数组合并

　　数组合并方法1：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         var a = new Array(1,2,3);
10         var b = new Array(3,3,3);
11         document.write(a.concat(b));
12     </script>
13 </body>
14 </html>

　　数组合并方法2：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         var ac = new Array('a','a','a');
10         var bc = new Array('b','b','b');
11         var cc = ac.concat(bc);
12         document.write(cc+'<br />');
13     </script>
14 </body>
15 </html>

3.把数组合成字符串

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         var arr = new Array(1,2,3,666);
10         document.write(arr.join('Qc'));
11         //把数组中的所有元素都转化为字符串，
12         //.join('') '' 里面放的东西就是数组的两个元素间所加的东西
13     </script>
14 </body>
15 </html>

4.文字数字排序

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         var wz = new Array('？','孩','子','你','多','大','了','l');
10         document.write(wz+'<br />');
11         document.write(wz.sort());
12         //文字数组排序，数组中的所有元素输出，然后按照英文字母顺序排列，先拍列英文字母然后排列中文，符号在在最后
13     </script>
14 </body>
15 </html>

5.数字数组排序

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         var sz = new Array(2223,11,2225,677,21,5)
10         function sortNumber(a,b){
11             return a - b ;
12         }
13         document.write(sz+'<br />');
14         document.write(sz.sort()+'<br />');
15         document.write(sz.sort(sortNumber));
16         //数字数组排序，数组中所有的元素输出，然后按照元素第一个数字大小开始排序，若第一位相同然后比较第二位，(不是按照数字的大小来排序的),
17         //若想按照数字大小开始排序则必须的写一个排序函数才可以实现
18     </script>
19 </body>
20 </html>

6.数字文字数组排序

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         var sw = new Array(12,23,11,'啊','a');
10         document.write(sw+'<br />');
11         document.write(sw.sort());
12         //数字文字数组排序：先排列数字，然后英文，最后是中文排列
13     </script>
14 </body>
15 </html>

7.删除数组中的内容并且添加新的元素

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         var sc = new Array(1,2,34,5,6,7,8);
10         document.write(sc+'<br />');
11         //sc.splice(2,3,'删除了吧');
12         document.write(sc.splice(2));
13         //删除数组中的内容并且添加新的元素，若.splice写字输出前边则可添加新的元素，第一个数字表示数组中的第几个元素，第二个数字表示删除第几个元素后的几个元素，后边添加的内容则替代删除的元素的位置。
14         //若.splice写在输出中则只能删出数组中的元素不能添加新的内容，第一个参数代表删除第几个数字开始显示，之前的删除，第二个数字代表保留几个元素，其他的删除，若不写则从第一个元素开始剩下的元素都保留;
15     </script>
16 </body>
17 </html>

8.在数组的前边或者后边添加元素

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         var qj = new Array('a','b','b','c','c');
10         document.write(qj+'<br />');
11         document.write(qj.unshift('开','头')+'<br / >');
12         document.write(qj.push('结','尾')+'<br />');
13         document.write(qj);
14         //在数组的前边或者后边添加元素。添加时只会显示数组的长度，可以添加多个元素
15     </script>
16 </body>
17 </html>

9.在数组的前边或者后边删除元素并返回

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         var qs = new Array('a','b','b','c','d')
10         document.write(qs+'<br />');
11         document.write(qs.shift()+'<br />');
12         document.write(qs+'<br />');
13         document.write(qs.pop()+'<br />');
14         document.write(qs);
15         //删除数组前边或者后边的一个元素，并且输出，
16     </script>
17 </body>
18 </html>

10.颠倒数组中元素的顺序

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         var dd = new Array('1','2','3','4','5');
10         document.write(dd+'<br />');
11         document.write(dd.reverse());
12         //颠倒数组中元素的顺序
13     </script>
14 </body>
15 </html>

11.从已有的元素返回选定的元素

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         var fh = new Array('a','b','c','d','e');
10         document.write(fh+'<br />');
11         document.write(fh.slice(2,4));
12         //从一个数字开始显示，但不显示第一个，
13         //第二个数字可有可无，若是写了则显示到第二个数字的位置
14     </script>
15 </body>
16 </html>