fengchuanyu 9 miesięcy temu
rodzic
commit
29e3d565b0
2 zmienionych plików z 110 dodań i 0 usunięć
  1. 72 0
      5_ES6/4_堆&栈.html
  2. 38 0
      5_ES6/5_字符型扩展.html

+ 72 - 0
5_ES6/4_堆&栈.html

@@ -0,0 +1,72 @@
+<!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>
+
+        // js当中数据类型 :String字符型  Number数值型  Boolean布尔型 Array数组 Object对象
+        // 基本数据类型(简单数据类型):String字符型  Number数值型  Boolean布尔型
+        // 引用数据类型(复杂数据类型):Array数组 Object对象
+
+        // var a = 10;
+        // var b = 10;
+
+        // var a = "a";
+        // var b = "a";
+
+        // var a = true;
+        // var b = true;
+
+        // var a = [1];
+        // var b = [1];
+        // if( a == b){
+        //     console.log("相等")
+        // }else{
+        //     console.log("不相等");
+        // }
+
+
+        // var arr = [1,2,3,4,5,6];
+        // var arr2 = arr;
+
+        // var a = {str:"a"};
+        // // var b = {str:"a"};
+        // var b = a;
+        // if( a == b){
+        //     console.log("相等")
+        // }else{
+        //     console.log("不相等");
+        // }
+
+
+        // var arr = [1,2,3,4,5,6];
+        // var arr2 = arr;
+        // arr2[1] = "hello"
+        // console.log(arr);
+
+        // var arr = ["a","b","c","d","e"];
+        // var arr2 = [];
+        // for(var i =0;i<arr.length;i++){
+        //     arr2.push(arr[i])
+        // }
+        // arr2[1] = "hello";
+        // console.log(arr,arr2)
+
+        var obj = {
+            a : "10",
+            b : "20",
+            foo:function(){
+                console.log('obj')
+            }
+        }
+        var obj2 = obj;
+        obj2.a = "hello";
+        console.log(obj);
+
+    </script>
+</body>
+</html>

+ 38 - 0
5_ES6/5_字符型扩展.html

@@ -0,0 +1,38 @@
+<!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>
+    <div id="box">
+
+    </div>
+    <script>
+        var num = 10;
+        var oBox = document.getElementById("box");
+        // oBox.innerHTML = "<ul><li class='list-item'>"+ num +"</li><li>b</li><li>c</li></ul>";
+        //模版字符串 内部不区分单引号双引号 支持换行 使用变量${}
+        oBox.innerHTML = `<ul class="ul-style" >
+            <li class='li-style'>${num}</li>
+            </ul>`
+
+        var str = "hello world";
+        var str2 = "ab"
+        // console.log(str.includes("w"));
+        // 判断当前字符串是否以制定的字母开头
+        // console.log(str.startsWith("he"));
+        // 判断当前字符串是否以制定的字母结尾
+        // console.log(str.endsWith("rld"));
+        
+        // console.log(str2.repeat(3));
+
+        // 填充方法,向前填充 接收两个参数第一个代表填充长度(包含原有字符串长度),第二个参数以制定的字符进行填充
+        console.log(str2.padStart(10,"xy"));
+        // 填充方法,向后填充 接收两个参数第一个代表填充长度(包含原有字符串长度),第二个参数以制定的字符进行填充
+        console.log(str2.padEnd(10,"xy"));
+
+    </script>
+</body>
+</html>