JS字符串常用方法及应用

  1. charAt(index): 返回指定索引位置的字符

    let str = "Hello, World!";  
    console.log(str.charAt(0)); // 输出 "H"

  2. concat(string2, string3..., stringX): 连接两个或更多字符串,并返回新的字符串

    let str1 = "Hello, ";  
    let str2 = "World!";  
    console.log(str1.concat(str2)); // 输出 "Hello, World!"

  3. indexOf(searchValue[, fromIndex]): 返回指定文本首次出现的索引(位置),如果没有找到,则返回-1

    let str = "Hello, World!";  
    console.log(str.indexOf("World")); // 输出 7

  4. lastIndexOf(searchValue[, fromIndex]): 返回指定文本最后一次出现的索引,如果没有找到,则返回-1

    let str = "Hello, World, World!";  
    console.log(str.lastIndexOf("World")); // 输出 13

  5. slice(startIndex[, endIndex]): 提取字符串的片段,并在新的字符串中返回被提取的部分

    let str = "Hello, World!";  
    console.log(str.slice(7, 12)); // 输出 "World"

  6. substring(startIndex[, endIndex]): 提取字符串中两个指定的索引号之间的字符

    let str = "Hello, World!";  
    console.log(str.substring(7, 12)); // 输出 "World"

  7. toUpperCase(): 将所有字符转换为大写

    let str = "Hello, World!";  
    console.log(str.toUpperCase()); // 输出 "HELLO, WORLD!"

  8. toLowerCase(): 将所有字符转换为小写

    let str = "Hello, World!";  
    console.log(str.toLowerCase()); // 输出 "hello, world!"

  9. replace(searchValue, replaceValue): 用新的字符串替换字符串中的匹配项

    let str = "Hello, World!";  
    console.log(str.replace("World", "JavaScript")); // 输出 "Hello, JavaScript!"

  10. trim(): 移除字符串两端的空白符

    let str = "   Hello, World!   ";  
    console.log(str.trim()); // 输出 "Hello, World!"

  11. split(separator[, limit]): 把字符串分割为字符串数组

    let str = ", Hello, World!, ";  
    console.log(str.split(", ")); // 输出 ["", "Hello", "World!", ""]

  12. substr(startIndex[, length]]): 从起始索引号提取字符串中指定数目的字符

    let str = "Hello, World!";  
    console.log(str.substr(7, 5)); // 输出 "World"

  13. anchor(): 返回一个字符串,该字符串是包含指定文本和锚点(#)的 HTML 锚点链接

    let str = "Hello, World!";  
    console.log(str.anchor("greeting")); // 输出 <a name="greeting">Hello, World!</a>

  14. localeCompare(): 用于比较两个字符串

    let str1 = "réservé";  
    let str2 = "reservd";  
    console.log(str1.localeCompare(str2)); // 输出 1(表示 str1 大于 str2)

  15. match(): 用于找到一个或多个正则表达式的匹配

    let str = "The rain in SPAIN stays mainly in the plain";  
    let regex = /ain/g;  
    console.log(str.match(regex)); // 输出 ["ain", "ain"]

  16. replace(): 用于替换字符串中的某个或某些字符

    let str = "Hello, World!";  
    console.log(str.replace("World", "JavaScript")); // 输出 "Hello, JavaScript!"

  17. search(): 用于在字符串中查找某个或某些匹配的字符

    let str = "Hello, World!";  
    console.log(str.search("World")); // 输出 7

  18. fontTo(): 用于将字符串中的所有字母转换为大写

    let str = "Hello World!";  
    console.log(str.fontTo()); // 输出: "HELLO WORLD!"

  19. large()用于将字符串中的所有字母转换为大写

    let str = "Hello World!";  
    console.log(str.large()); // 输出: "HELLO WORLD!"

  20. small(): 用于将字符串中的所有字母转换为小写

    let str = "Hello World!";  
    console.log(str.small()); // 输出: "hello world!"

  21. sub(): 用于将字符串设置为斜体

    let str = "Hello World!";  
    console.log(str.sub()); // 输出: "<i>Hello World!</i>"

  22. sup(): 用于将字符串设置为上标

    let str = "Hello World!";  
    console.log(str.sup()); // 输出: "<sup>Hello World!</sup>"

  23. link(): 用于将字符串设置为超链接

    let str = "Hello World!";  
    console.log(str.link("https://example.com")); // 输出: "<a href=\"https://example.com\">Hello World!</a>"

  24. target(): 用于设置链接的打开方式(在新窗口中打开链接)

    let str = "Hello World!";  
    console.log(str.target("_blank")); // 输出: "Hello World! _blank"

  25. padStart(minLength[, padString]): 用另一个字符串填充当前字符串的开始部分,以达到指定的长度

    let str = "5";  
    console.log(str.padStart(8, "0")); // 输出: "000005"

  26. padEnd(minLength[, padString]): 用另一个字符串填充当前字符串的结束部分,以达到指定的长度

    let str = "5";  
    console.log(str.padEnd(8, "0")); // 输出: "500000"

  27. trimControls() / trimLeft() / trimRight(): 移除控制字符(包括空格、制表符、换行符等)从字符串的开始、结束或全部。这些方法通常用于清理用户输入的数据

    let str = "   Hello, World!   ";  
    console.log(str.trim()); // 输出: "Hello, World!"  
    console.log(str.trimControls()); // 输出: "Hello, World!   " (保留空格)  
    console.log(str.trimLeft()); // 输出: "   Hello, World!   、" (保留空格)  
    console.log(str.trimRight()); // 输出: "Hello, World!   "、" (保留空格)

  28. startsWith(): 判断一个字符串是否以另一个字符串开始

    let str = "Hello, World!";  
    console.log(str.startsWith("Hello")); // 输出: true  
    console.log(str.startsWith("USA")); // 输出: false

  29. endsWith(): 判断一个字符串是否以另一个字符串结束

    let str = "Hello, World!";  
    console.log(str.endsWith("World!")); // 输出: true  
    console.log(str.endsWith("USA")); // 输出: false
  30. replaceAll(searchValue[, replaceValue]): 用与将一些字符替换另一些字符,会替换所有匹配项

    let str = "Hello, World! World!";  
    console.log(str.replaceAll("World", "JavaScript")); // 输出: "Hello, JavaScript! JavaScript!"

  31. matchAll([regexp]): 返回一个迭代器,该迭代器包含匹配正则表达式的所有子字符串(包括没有匹配上的部分)

    let str = "Hello, World!";  
    let matches = str.matchAll(/World/g);  
    for (let match of matches) {  
        console.log(match); // 输出: "World"  
    }

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

不耽搁摸鱼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值