JavaScript 删除字符串中子字符串的两种常用方法
本文介绍在 JavaScript 中删除字符串子字符串的两种常用方法：使用 replace() 直接替换为空字符串，以及利用 split() 分割后通过 join() 重组。文章详细说明了 replace() 仅替换首个匹配项的特性，并指出如需全局删除需借助正则表达式。同时涵盖 split/join 组合用法及大小写敏感等注意事项，帮助开发者准确处理字符串操作。
如何从 JavaScript 字符串里移除子字符串
JavaScript 作为主流编程语言，具备丰富的字符串操作手段。开发过程中，常需从字符串里剔除特定字符或子串。下文阐述在 JavaScript 中移除子串的方式，并附带相关注意事项。
方案一：运用 replace() 函数
replace() 是 JavaScript 里常见的字符串处理函数，用于替换字符串内的子串。若将待移除的子串替换为空串，即可实现移除效果。
举例而言，设字符串 str 含有子串 subStr，欲将其移除。可执行如下代码：
var str = "hello world";
var subStr = "world";
var result = str.replace(subStr, "");
console.log(result); // "hello "此处，我们将子串 “world” 替换为空串，得到 “hello “。需留意，replace() 仅替换首个匹配项。若字符串含多个相同子串，须借助正则表达式执行全局替换。
方案二：运用 split() 与 join() 函数
split() 可将字符串分割为数组，join() 可将数组重组为字符串。若将待移除子串转为数组后利用 join() 剔除，即可达成移除目的。
举例而言，设字符串 str 含有子串 subStr，欲将其移除。可执行如下代码：
var str = "hello world";
var subStr = "world";
var arr = str.split(subStr);
var result = arr.join("");
console.log(result); // "hello "此处，我们将字符串 “hello world” 分割为数组 [“hello “, “”]，随后利用 join() 合并为 “hello “。
注意事项：
- 字符串具备不可变性，即创建后无法修改。故上述方法均返回新字符串，而非修改原字符串。
- replace() 与 split() 均区分大小写。若需不区分大小写地移除子串，可借助正则表达式。
- 若需移除字符串内所有空格或其他字符，可运用 replace() 或正则表达式。例如：
var str = " hello world ";
var result1 = str.replace(/\s+/g, ""); // 删除所有空格
var result2 = str.replace(/ /g, ""); // 删除所有空格
console.log(result1); // "helloworld"
console.log(result2); // "helloworld"- 若需移除字符串内某字符，可运用 replace() 或正则表达式。例如：
var str = "hello world";
var result1 = str.replace(/o/g, ""); // 删除所有 "o"
var result2 = str.replace("o", ""); // 删除第一个 "o"
console.log(result1); // "hell wrld"
console.log(result2); // "helo world"总结：
本文阐述了在 JavaScript 中移除子串的方式，提供了两种常用方案：replace() 与 split()。同时附带注意事项，助开发者在实际应用中正确运用。
js移除字符串中的子串
const removeString = (string, separator) => {
//我们分割字符串并使其不带分隔符
const separatedArray = string.split(separator);
//我们用空字符串将splittedArray加入
const separatedString = separatedArray.join("");
return separatedString;
}
const str = removeString('this-is-a-sting', '-');
console.log(str);至此，关于 JavaScript 字符串中移除子串的文章介绍完毕，更多相关 js 字符串中移除子串内容请搜索本站往期文章或继续浏览下方相关文章，期望大家日后多多支持本站！
JS大数值转字符串出现科学计数法怎么办
2026-11-05 17:09:21
JS split切割后出现空字符串怎么过滤
2026-11-05 16:00:30
在 React 或 Vue 项目中封装使用 JS 节流防抖
2026-11-05 15:27:29
JavaScript中怎么将带小数的字符串转为整数？
2026-11-05 14:32:38
怎么用JavaScript策略模式重构电商促销计算逻辑？
2026-11-05 14:01:09