javascript中的字符串如何操作_常用字符串方法有哪些？_网络技术

javascript中的字符串如何操作_常用字符串方法有哪些？

发布时间 - 2026-01-05 00:00:00 点击率：次

JavaScript字符串不可变，所有方法均返回新字符串；判断子串用includes()更清晰；split()/join()适合分隔符处理；提取片段优先用slice()；注意Unicode安全性。

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

JavaScript 中的字符串是原始类型，一旦创建就无法修改。所有所谓“改变字符串”的操作，比如 replace()、toLowerCase()、slice()，实际都是返回一个新字符串，原字符串保持不变。这点常被初学者忽略，导致写成 str.toUpperCase(); console.log(str); 后发现没变——因为没把返回值赋给变量。

错误写法：

let str = "hello";
str.toUpperCase();
console.log(str); // "hello"（不是 "HELLO"）

正确写法：

let str = "hello";
str = str.toUpperCase();
console.log(str); // "HELLO"

链式调用安全：因为每步都返回新字符串，" hello ".trim().toUpperCase().split("") 是完全合法的

判断子串存在用 `includes()`，不是 `indexOf() !== -1`

includes() 是 ES6 引入的语义更清晰的方法，专门用于布尔判断。虽然 indexOf() 也能实现，但可读性差、易出错（比如忘记加 !== -1），且不支持正则。

"abc".includes("b") → true
"abc".includes("d") → false
"abc".includes("a", 1) → false（从索引 1 开始找，跳过了 "a"）
避免："abc".indexOf("b") >= 0 或 "abc".indexOf("b") !== -1 —— 冗余且容易漏写条件

`split()` 和 `join()` 配合处理分隔符场景

这是拆解和拼接字符串最常用的一对方法，尤其适合 CSV 解析、路径处理、参数拼接等。

"a,b,c".split(",") → ["a", "b", "c"]
["x", "y", "z"].join("-") → "x-y-z"
空字符串 split("") 可转为字符数组，但注意 Unicode 问题（如 emoji 可能被截断）；更稳妥用 [...str] 或 Array.from(str)
" x y z ".split(/\s+/).filter(Boolean) 可按空白符分割并去空项，比单纯 split(" ") 更健壮

提取片段优先用 `slice()`，慎用 `substring()` 和 `substr()`

slice() 行为最一致：支持负索引（从末尾计数），不交换参数顺序，且已被所有现代环境广泛支持。

"hello".slice(1, 4) → "ell"
"hello".slice(-3) → "llo"（推荐用于取后几位）
substring() 会自动交换大小参数："hello".substring(4, 1) 等价于 .substring(1, 4)，容易引发隐式逻辑
substr() 已被标记为废弃（MDN 明确标注 deprecated），第二个参数是长度而非结束索引，语义混淆，不要用

真正容易被忽略的是 Unicode 安全性：像 "?‍?".length 是 2，slice(0, 1) 会切出半个码点。处理 emoji、中文、带音标的字符时，优先考虑 Array.from(str) 或正则 str.match(/./gu) 来获得真正的“字符”数组。

# javascript # es6 # java # csv

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：Python反射机制教程_运行时操作对象实践

下一篇：Python线程池使用方法_concurrent解析【教程】

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：Python反射机制教程_运行时操作对象实践

下一篇：Python线程池使用方法_concurrent解析【教程】