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>