Home Explore Help
Sign In
lovecoding
/
W250511
10
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

admin

fengchuanyu 3 weeks ago
parent
c97b5d590f
commit
b1c365ee1f
4 changed files with 100 additions and 2 deletions
Split View Show Diff Stats
  1. 48 0
      2-JavaScript/17_字符串方法.html
  2. 18 0
      2-JavaScript/18_数组内置方法.html
  3. 32 0
      2-JavaScript/练习10_可变图形.html
  4. 2 2
      2-JavaScript/练习4_图形题.html

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

@@ -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
View File 

@@ -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
View File 

@@ -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
View File 

@@ -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;");
 
             }
 
             // 控制每一行输出的内容 *