e 11 сар өмнө
parent
commit
2c37223803

+ 83 - 0
js/js初阶/12.数组的方法.html

@@ -0,0 +1,83 @@
+<!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 = ['孙悟空','猪八戒','唐僧','哪吒','林黛玉'];
+        // console.log(arr);
+        // 1.push 向数组最后一个添加元素
+        arr.push("白龙马");
+        // console.log(arr);
+        // 2.pop 删除数组最后一个元素
+        arr.pop();
+        // console.log(arr);
+        // 3.unshift 往数组第一个元素前添加
+        arr.unshift("沙和尚");
+        // console.log(arr);
+        // 4.shift 删除数组第一个元素
+        arr.shift();
+        // console.log(arr);
+        // 5.join 将数组转成字符串 默认:逗号连接
+        // console.log(arr.join("-"));
+        // var a = 1;
+        // var b ='11';
+        // console.log(a,'a');
+        // console.log(b,'b');
+        var arr1 = [1,2,3,4,5,6];
+        // 6.concat 连接数组
+        var arr2 = arr.concat(arr1);
+        // console.log(arr2);
+        // 7.slice 截取数组 不改变原数组
+        // 一个参数:从那个下标开始截取一直到最后
+        // 两个参数:第一个参数代表着从那个下标开始  第二个参数代表着结束的下标 但是不包含结束项
+        // console.log(arr,'arr的顺序');
+        // var list1 = arr.slice(1);
+        // console.log(list1,'list1');
+        console.log(arr,'arr'); 
+        // 8.splice 截取数组 改变原数组
+        // 两个参数:第一个参数代表着从那个下标开始  第二个参数代表截取的个数
+        // 三个参数:第一个参数代表着从那个下标开始  第二个参数代表截取的个数 第三个参数代表着替换的值
+        // var list2 = arr.splice(2,2);
+        // console.log(list2);
+        // console.log(arr);
+        // 9.reverse 倒序
+        console.log(arr.reverse());
+        // 10.toString 将数组转成字符串
+        // console.log(arr.toString());
+        // 11.强制拼接字符串 += ''
+        // x+=y x= x+y
+        // console.log(arr += '')
+        // 12.sort排序 按照UniCode编码排
+        var list3 = [1,32,56,3,46,2];
+        // console.log(list3.sort());
+        // function arrSort() {
+        // }
+        var list4 = list3.sort(function (a,b) {
+           return b-a;
+        });
+        console.log(list4);
+        // arrSort(arr);
+
+        var w1 = 2;
+        var w3 = --w1;
+        // 1.x++ 先赋值 后自增
+        // console.log(w1); // 3
+        // console.log(w3); // 2
+        // 2.x-- 先赋值 后自减
+        // console.log(w1); // 1
+        // console.log(w3); // 2
+        // 3.++x 先自增 后赋值
+        // console.log(w1); // 3
+        // console.log(w3); // 3
+        // // 4.--x 先自减 后赋值
+        // console.log(w1); // 1
+        // console.log(w3); // 1
+
+
+    </script>
+</body>
+</html>