fengchuanyu 3 weeks ago
parent
commit
fa1ffe9c05
2 changed files with 96 additions and 0 deletions
  1. 32 0
      2-JavaScript/10_基本vs引用.html
  2. 64 0
      2-JavaScript/10_循环.html

+ 32 - 0
2-JavaScript/10_基本vs引用.html

@@ -0,0 +1,32 @@
+<!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 a = 1;
+        // a = "b";
+        // var a = [1,2,3];
+
+        var a = 1;
+        var b = a;
+
+        a = 2;
+        console.log(a);
+        console.log(b);
+
+        var arr1 = [1,2,3];
+        var arr2 = arr1;
+
+        arr1[0] = "hello";
+        console.log(arr1);
+        console.log(arr2);
+    </script>
+</body>
+</html>

+ 64 - 0
2-JavaScript/10_循环.html

@@ -0,0 +1,64 @@
+<!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>
+    <!-- <h1>张三</h1>
+    <h1>李四</h1>
+    <h1>王五</h1> -->
+    <script>
+        var userName = ["张三","李四","王五","赵六"];
+
+        // var user1 = "<h1>"+ userName[0] +"</h1>";
+        // var user2 = "<h1>"+ userName[1] +"</h1>";
+
+        // document.write(user1);
+        // document.write(user2);
+
+        // for循环 现阶段为循环遍历数组
+        // for循环中 三条语句
+        // 1. 初始化语句 初始化循环变量 i = 0;
+        // 2. 条件表达式 .length获取数组长度 决定每一次循环是否执行  i < userName.length;
+        // 3. 更新语句  使循环接近结束 i++
+
+        // 循环第一次执行仅执行前两条语句
+        // 循环第二次及以后执行 2、3条语句
+        // 每次循环都会执行判断,成立就进入循环 如果不成立就跳出循环
+        for(var i = 0; i < userName.length; i++){
+            // console.log(userName[i]);
+            
+            // 不输出“王五” 方法一
+            // if(userName[i] != "王五"){
+            //     var user = "<h1>"+ userName[i] +"</h1>";
+            //     document.write(user);
+            // }
+
+            // 不输出“王五” 方法二
+            // if(userName[i] == "王五"){
+            //     // 结束本次循环(后面有语句也不再执行) 直接进入下一次循环
+            //     continue;
+            // }
+            // var user = "<h1>"+ userName[i] +"</h1>";
+            // document.write(user);
+
+            // 再循环中查找 “李四” 找到之后即刻停止
+            if(userName[i] == "李四"){
+                // break 表示结束整个循环 后边再有语句也不再执行
+                break;
+            }
+            var user = "<h1>"+ userName[i] +"</h1>";
+            document.write(user);
+        }
+
+        for(var i=0;i<100;i++){
+            for(var j=0;j<=i;j++){
+                console.log(i,j);
+            }
+        }
+
+    </script>
+</body>
+</html>