javascript字符串方法有哪些_如何操作和格式化文本

10次阅读

javaScript字符串方法的核心是理解其不可变性、replace的默认非全局特性、slice/substring/substr的参数差异,以及优先使用模板字面量和Intl API进行格式化。

javascript字符串方法有哪些_如何操作和格式化文本

javascript 字符串方法不是“一可选工具”,而是你每天处理文本时实际依赖的底层能力——多数问题不在于“有哪些”,而在于哪些该用、哪些别碰、哪些在特定场景下会悄悄出错

字符串不可变,所有方法都返回新字符串

这是几乎所有误用的根源。调用 str.toUpperCase()str.replace() 不会修改原变量,而是生成副本。

  • 错误写法:
    let s = "hello"; s.toUpperCase(); // 返回 "HELLO",但 s 还是 "hello" console.log(s); // 输出 "hello"
  • 正确写法:
    let s = "hello"; s = s.toUpperCase(); // 显式赋值 console.log(s); // 输出 "HELLO"
  • es6+ 中更安全的做法是声明为 const,强制你意识到不可变性:
    const s = "hello"; const upper = s.toUpperCase(); // 清晰表达意图

replace() 只替换第一个匹配,全局要用正则

很多人以为 "a a a".replace("a", "x") 会变成 "x x x",结果只变第一个 —— 因为字符串参数触发的是字面量匹配,且默认非全局。

  • 只换第一个(字符串参数):
    "a a a".replace("a", "x"); // "x a a"
  • 全局替换(正则 + g 标志):
    "a a a".replace(/a/g, "x"); // "x x x"
  • 忽略大小写 + 全局:
    "A a a".replace(/a/gi, "x"); // "x x x"
  • 注意:正则中特殊字符需转义,比如想替换点号 .,得写 /./g,否则 . 匹配任意字符

slice()substring()substr() 的关键区别

三者都截取子串,但参数逻辑和边界行为完全不同,混用容易导致索引偏移或意外截断。

立即学习Java免费学习笔记(深入)”;

  • slice(start, end):支持负数索引(从末尾算),end 不包含,超出范围不报错:
    "hello".slice(-3); // "llo" "hello".slice(1, 3); // "el"
  • substring(start, end):自动交换大小顺序(substring(3, 1) === substring(1, 3)),不支持负数(负数转为 0):
    "hello".substring(3, 1); // "el" "hello".substring(-1, 2); // "he"(-1 → 0)
  • substr(start, Length)已废弃,不要在新代码中使用;第二个参数是长度而非结束位置:
    "hello".substr(1, 3); // "ell"

格式化文本优先用模板字面量,而不是拼接或 concat()

concat() 是历史遗留方法,性能无优势,可读性差;手动拼接 + 在复杂场景易出错;现代 js 应直接用模板字面量(`)。

  • 避免:
    "Hello " + name + ", you have " + count + " messages."; // 容易漏空格、引号嵌套乱
  • 推荐:
    `Hello ${name}, you have ${count} messages.`; // 清晰、支持多行、可嵌入表达式
  • 需要动态格式化数字/日期?别手写逻辑,用 Intl API:
    `Price: ${price.toLocaleString('en-US', { style: 'currency', currency: 'USD' })}`;

真正难的不是记住所有方法名,而是理解每个方法的边界行为:比如 trim() 只清空格和 Unicode 空白字符,对全角空格无效;includes() 区分大小写;split("") 在含 emoji 或代理对的字符串里可能切错位置。这些细节不查文档、不实测,光靠“大概记得”很容易在线上环境突然暴露。

text=ZqhQzanResources