码迷,mamicode.com
首页 > 编程语言 > 详细

<JavaScript> 二. array对象的属性和方法

时间:2017-02-04 10:56:45      阅读:248      评论:0      收藏:0      [点我收藏+]

标签:text   value   document   let   style   oct   取数   星期六   ase   

 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>

 

<JavaScript> 二. array对象的属性和方法

标签:text   value   document   let   style   oct   取数   星期六   ase   

原文地址:http://www.cnblogs.com/ZeroHour/p/6364099.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!