网站开发 认证深圳网站制作长沙

一、基础操作（不修改原字符串，返回新结果）

1. length

   • 动作：量身高。直接告诉你字符串有多少个字符。
   • 例子：

     let str = "hello";
     console.log(str.length); // 5
     

2. charAt(索引)

   • 动作：点名！根据位置找对应的字符。
   • 例子：

     "cat".charAt(1); // "a"（索引从0开始）
     

3. slice(开始位置, 结束位置)

   • 动作：切蛋糕。切出一部分字符串（支持负数，表示倒数）。
   • 例子：

     "apple".slice(1, 3); // "pp"（索引1到3前）
     "apple".slice(-3);   // "ple"（倒数3位到最后）
     

4. substring(开始位置, 结束位置)

   • 动作：和 slice 类似，但不支持负数，自动处理颠倒的参数。
   • 例子：

     "banana".substring(2, 5); // "nan"
     "banana".substring(5, 2); // 自动调换顺序 → "nan"
     

---

二、大小写转换

5. toUpperCase()

   • 动作：全员变大声（转大写）。
   • 例子：

     "Hello".toUpperCase(); // "HELLO"
     

6. toLowerCase()

   • 动作：全员变小声（转小写）。
   • 例子：

     "WORLD".toLowerCase(); // "world"
     

---

三、替换与分割

7. replace(查找值, 替换值)

   • 动作：替换第一个匹配的内容（默认只换一次）。
   • 例子：

     "I like apples".replace("apples", "bananas"); // "I like bananas"
     

   • 全局替换：用正则表达式加 /g

     "aabbaabb".replace(/a/g, "x"); // "xxbbxxbb"
     

8. split(分隔符)

   • 动作：切菜！按分隔符把字符串切成数组。
   • 例子：

     "2023-09-15".split("-"); // ["2023", "09", "15"]
     

9. trim()

   • 动作：去掉字符串两边的空格（中间不管）。
   • 例子：

     "  hello  ".trim(); // "hello"
     

---

四、查找与判断

10. indexOf(子字符串)

    • 动作：找子字符串的第一次出现的位置（找不到返回-1）。
    • 例子：

      "javascript".indexOf("script"); // 4（从索引4开始）
      

11. includes(子字符串)

    • 动作：检查是否包含某个子字符串（返回 true/false）。
    • 例子：

      "coffee".includes("fee"); // true
      

12. startsWith(子字符串) / endsWith(子字符串)

    • 动作：检查是否以某个子字符串开头/结尾。
    • 例子：

      "hello.jpg".endsWith(".jpg"); // true
      

---

五、拼接与重复

13. concat(字符串)

    • 动作：拼接字符串（和 + 作用一样）。
    • 例子：

      "Hello".concat(" ", "World"); // "Hello World"
      

14. repeat(次数)

    • 动作：复读机！重复字符串多次。
    • 例子：

      "ha".repeat(3); // "hahaha"
      

---

总结表格

方法	作用	是否修改原字符串	返回值
slice	切片	❌	新字符串
substring	切片（不支持负数）	❌	新字符串
toUpperCase	转大写	❌	新字符串
toLowerCase	转小写	❌	新字符串
replace	替换内容	❌	新字符串
split	切割成数组	❌	数组
trim	去除首尾空格	❌	新字符串
indexOf	查找子字符串位置	❌	索引/-1
includes	判断是否包含子字符串	❌	true/false
repeat	重复字符串	❌	新字符串

---

举个综合例子

let text = "  JavaScript is FUN!  ";// 1. 去掉前后空格 → "JavaScript is FUN!"
let trimmed = text.trim();// 2. 转小写 → "javascript is fun!"
let lower = trimmed.toLowerCase();// 3. 替换 → "javascript is awesome!"
let replaced = lower.replace("fun", "awesome");// 4. 切割 → ["javascript", "is", "awesome!"]
let words = replaced.split(" ");