fengchuanyu 3 тижнів тому
батько
коміт
b1c365ee1f

+ 48 - 0
2-JavaScript/17_字符串方法.html

@@ -0,0 +1,48 @@
+<!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 str = "hello world";
+
+        // 获取字符串指定位置的值 charAt 它是从0开始计算的
+        var val = str.charAt(6);
+        // 字符串操作也可以使用数组的方法 但优先选用字符串自带方法
+        var val2 = str[6]
+        console.log(val,val2);
+
+        // 返回字符指定的位置 indexOf 返回值为字符出现的位置 如果没有则返回-1
+        var val3 = str.indexOf("a");
+        console.log(val3);
+
+        // 判断字符串内是否包含指定的字符串 includes
+        var val4 = str.includes("w");
+        console.log(val4);
+
+        // 截取字符串 substr 两个参数 第一个为开始位置 第二个为截取的长度
+        // 第二个参数如果省略 从开始位置一直截取到最后
+        var val5 = str.substr(2,2);
+        console.log(val5);
+
+        // 截取字符串 substring 两个参数 第一个为开始位置 第二个为结束位置 不包含结束位置
+        // 第二个参数如果省略 从开始位置一直截取到最后
+        var val6 = str.substring(2,4);
+        console.log(val6);
+
+        // 将字符串分割为数组 split 可以指定分隔符
+        // 如果参数部分为“” (空字符串) 会字符串中所有的字符都分割出来
+        var str2 = "2025/7/22"
+        var val7 = str.split("");
+        var val8 = str2.split("/");
+        console.log(val7,val8)
+
+
+
+    </script>
+</body>
+</html>

+ 18 - 0
2-JavaScript/18_数组内置方法.html

@@ -0,0 +1,18 @@
+<!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 = ["2025","7","22"];
+        // 将数组合并成字符串 join 可以指定分隔符进行拼接
+        // 如果没有指定分隔符 “”。那么就会把数组中每一个值紧密连接在一起
+        var val1 = arr.join("-");
+        var val2 = arr.join("");
+        console.log(val1,val2);
+    </script>
+</body>
+</html>

+ 32 - 0
2-JavaScript/练习10_可变图形.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>
+        function foo(rows) {
+            for (var i = 0; i < rows; i++) {
+                // &nbsp; 这个实体字符实现空格
+                // 控制星号前面的空格
+                for (var k = rows; k > i; k--) {
+                    document.write("&nbsp;");
+                }
+                // 控制每一行输出的内容 *
+                for (var j = 0; j <= i; j++) {
+                    document.write("*&nbsp;");
+                }
+                // 换行
+                document.write("<br>");
+            }
+        }
+
+        foo(10);
+    </script>
+</body>
+
+</html>

+ 2 - 2
2-JavaScript/练习4_图形题.html

@@ -21,10 +21,10 @@
 
         // 第二题星号图形
         // 控制输出的行数
-        for(var i=0;i<5;i++){
+        for(var i=0;i<10;i++){
             // &nbsp; 这个实体字符实现空格
             // 控制星号前面的空格
-            for(var k=4;k>i;k--){
+            for(var k=10;k>i;k--){
                 document.write("&nbsp;");
             }
             // 控制每一行输出的内容 *