|
|
@@ -0,0 +1,59 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+ <head>
|
|
|
+ <meta charset="UTF-8" />
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
+ <title>Document</title>
|
|
|
+ </head>
|
|
|
+ <body>
|
|
|
+ <script>
|
|
|
+ var arr = ["孙悟空", "猪八戒", "沙和尚", "白龙马"];
|
|
|
+ // 1.push 向数组中添加内容 添加到最后面
|
|
|
+ arr.push("唐僧");
|
|
|
+ // 2.unshift 向数组中添加内容 添加到最前面
|
|
|
+ arr.unshift("白骨精");
|
|
|
+ // 3.pop 删除数组中的元素 删除最后一个
|
|
|
+ arr.pop();
|
|
|
+ // 4. shift 删除数组中的元素 删除第一个
|
|
|
+ arr.shift();
|
|
|
+ console.log(arr);
|
|
|
+ var arr1 = ["你的", "我的", "他的"];
|
|
|
+ console.log(arr1);
|
|
|
+ // 5.join 将数组转成逗号连接的字符串
|
|
|
+ var arr2 = arr1.join("-");
|
|
|
+ console.log(arr2);
|
|
|
+ // 6. concat 连接多个数组 并返回新数组 不会修改原数组
|
|
|
+ var arr3 = arr1.concat(arr);
|
|
|
+ console.log(arr3);
|
|
|
+ // 7.splice 截取 会改变原数组
|
|
|
+ // 两个值：第一个值 代表的是那个下标开始截取；第二个值 代表截取个数
|
|
|
+ // 三个值：第一个值 代表的是那个下标开始截取；第二个值 代表截取个数 第三个值 替换的内容
|
|
|
+ var list1 = [1, 2, "哈哈", true, "3", true, "4", true];
|
|
|
+ console.log(list1, "原");
|
|
|
+ // list1.splice(3,4,'你好')
|
|
|
+ // console.log(list1,'新');
|
|
|
+ // 8.slice 截取 不会改变原数组
|
|
|
+ // 一个值： 从第几个下标开始截取 一直到最后
|
|
|
+ // 二个值：第一个值 代表的是那个下标开始截取；第二个值 代表截取到当前下标之前不包含当前下标
|
|
|
+ // var list2 = list1.slice(2,4);
|
|
|
+ // console.log(list2,'新')
|
|
|
+ // 9. reverse 倒序 会改变原数组的顺序
|
|
|
+ var list3 = list1.reverse();
|
|
|
+ console.log(list3);
|
|
|
+ // 10. toString 将数组转成字符串
|
|
|
+ // var list4 = list1.toString();
|
|
|
+ // console.log(list4);
|
|
|
+ // 11.+='' 加上空字符串 强制转换
|
|
|
+ list1 += "";
|
|
|
+ console.log(list1);
|
|
|
+ // 12.sort 排序 按照unicode编码排序
|
|
|
+ var num = [1, 54, false, 3, "哈哈", 2, 665];
|
|
|
+ // console.log(num.sort());
|
|
|
+ var newNum = [23, 5, 32, 659, 65, 2, 89, 1];
|
|
|
+ newNum.sort(function (a, b) {
|
|
|
+ return a - b;
|
|
|
+ });
|
|
|
+ console.log(newNum);
|
|
|
+ </script>
|
|
|
+ </body>
|
|
|
+</html>
|
e