1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title></title>
5 <script type="text/javascript">
6 /*
7 数组对象
8 */
9
10 // -------------- 属性 ---------------
11 // 1. length属性 动态获取数组长度
12 var arr = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
13 document.write(arr.length);
14 document.write("<hr>");
15
16 document.write("类型: " + typeof(arr) + ", 值: " + arr);
17 document.write("<hr>");
18
19 // 2. join(连接号) 数组转成字符串
20 var str = arr.join(",");
21 document.write("类型: " + typeof(str) + ", 值: " + arr);
22 document.write("<hr>");
23
24 // 3. reverse() 没有参数, 没有返回值 反转顺序
25 arr.reverse();
26 document.write(arr);
27 document.write("<hr>");
28
29 // 实例
30 var str = prompt("输入数据");
31
32 // 转成数组
33 var arr = str.split("");
34
35 // 反转顺序
36 arr.reverse();
37
38 // 首字符, 尾字符大写
39 arr[0] = arr[0].toUpperCase();
40 arr[arr.length-1] = arr[arr.length-1].toUpperCase();
41
42 // 转成字符串
43 str = arr.join("");
44
45 // 输出结果
46 document.write(str);
47 document.write("<hr>");
48
49 // 4. delete运算符 只能删除数组元素的值, 所占空间还在, 总长度不变
50 var arr = ["lis", "男", 23];
51 document.write("数组长度: " + arr.length + ", 值: " + arr + "<hr>");
52 delete arr[0];
53 delete arr[1];
54 delete arr[2];
55 document.write("数组长度: " + arr.length + ", 值: " + arr + "<hr>");
56
57 arr[10] = 10;
58 document.write("数组长度: " + arr.length + ", 值: " + arr + "<hr>");
59
60 delete arr[10];
61 document.write("数组长度: " + arr.length + ", 值: " + arr + "<hr>");
62
63 // 5. shift() 删除第一个元素, 返回删除的元素, 长度-1
64 var arr = [1, 2, 3, 4];
65 var value = arr.shift();
66 document.write("数组长度: " + arr.length + ", 数组的值: " + arr + ", 删除的值: " + value + "<hr>");
67
68 // 6. pop() 删除最后一个元素, 返回删除的元素, 长度-1
69 var value = arr.pop();
70 document.write("数组长度: " + arr.length + ", 数组的值: " + arr + ", 删除的值: " + value + "<hr>");
71
72 // 7. unshift() 向数组前添加多个元素
73 arr.unshift("a", "b");
74 document.write("数组长度: " + arr.length + ", 值: " + arr + "<hr>");
75
76 // 8. push() 向数组后添加多个元素
77 arr.push("c", "d");
78 document.write("数组长度: " + arr.length + ", 值: " + arr + "<hr>");
79
80 </script>
81 </head>
82 <body>
83
84 </body>
85 </html>
