网站首页 > 技术文章 正文
1.字符串replaceAll()方法
要在 JavaScript 中从字符串中删除所有空格,请在字符串上调用 replaceAll() 方法,将包含空格的字符串作为第一个参数传递,将空字符串 ('') 作为第二个参数传递。 例如, str.replaceAll(' ', '') 从 str 中删除所有空格。
const str = 'A B C';
const allSpacesRemoved = str.replaceAll(' ', '');console.log(allSpacesRemoved); // ABC
String replaceAll() 方法返回一个新字符串,其中模式的所有匹配项都被替换替换。 第一个参数是要匹配的模式,第二个参数是替换。 因此,将空字符串作为第二个参数传递会用空替换所有空格,从而将它们删除。
笔记
JavaScript 中的字符串是不可变的,replaceAll() 返回一个新字符串而不修改原始字符串。
const str = 'A B C';
const allSpacesRemoved = str.replaceAll(' ', '');console.log(allSpacesRemoved); // ABC// Original not modified
console.log(str); // A B C
2.字符串replace()方法和正则表达式
或者,我们可以通过调用字符串的 replace() 方法从字符串中删除所有空格,将匹配任何空格的正则表达式作为第一个参数传递,并将空字符串 ('') 作为第二个参数。
const str = 'A B C';
const allSpacesRemoved = str.replace(/ /g, '');console.log(allSpacesRemoved); // ABC
我们使用 g 正则表达式标志来指定字符串中的所有空格都应该匹配。 如果没有这个标志,只有第一个空格会被匹配和替换:
const str = 'A B C';// No 'g' flag in regex
const spacesRemoved = str.replace(/ /, '');// Only first space removed
console.log(spacesRemoved); // AB C
String replace() 方法返回一个新字符串,其中所有匹配项都替换为传递给它的第二个参数。 我们传递一个空字符串作为第二个参数,以将所有空格替换为空,从而将它们删除。
笔记
与 replaceAll() 一样,replace() 返回一个新字符串而不修改原始字符串。
const str = 'A B C';
const spacesRemoved = str.replace(/ /g, '');console.log(spacesRemoved); // ABC// Original not modified
console.log(str); // A B C
小费
我们指定的正则表达式只匹配字符串中的空格。 要匹配和删除所有空白字符(空格、制表符和换行符),我们必须使用不同的正则表达式:
const str = 'A B C \t D \n E';
const whitespaceRemoved = str.replace(/\s/g, '');console.log(whitespaceRemoved); // ABC
关注七爪网,获取更多APP/小程序/网站源码资源!
猜你喜欢
- 2024-11-27 VirtualBox 7.1.2 发布! 带来多项 GUI 更新,无人值守安装已彻底删除
- 2024-11-27 Spring boot+Mybatisplus用AR模式实现逻辑删除操作
- 2024-11-27 碎片时间学编程「127]:从数组中删除元素
- 2024-11-27 JavaScript程序员需要掌握的5个debug技巧
- 2024-11-27 python 列表删除
- 2024-11-27 souce-map-js + Vue 还原生成环境报错,让JS报错无所遁形
- 2024-11-27 如何使用 rmdir 命令删除目录?
- 2024-11-27 illustrator插件-常用功能开发-删除所有蒙版-js脚本开发-AI插件
- 2024-11-27 如何在 Ubuntu 22.04 LTS 中添加、删除和授予用户 Sudo 权限
- 2024-11-27 删除此函数式编程技术的 Switch 语句
- 标签列表
-
- content-disposition (47)
- nth-child (56)
- math.pow (44)
- 原型和原型链 (63)
- canvas mdn (36)
- css @media (49)
- promise mdn (39)
- readasdataurl (52)
- if-modified-since (49)
- css ::after (50)
- border-image-slice (40)
- flex mdn (37)
- .join (41)
- function.apply (60)
- input type number (64)
- weakmap (62)
- js arguments (45)
- js delete方法 (61)
- blob type (44)
- math.max.apply (51)
- js (44)
- firefox 3 (47)
- cssbox-sizing (52)
- js删除 (49)
- js for continue (56)
- 最新留言
-