JS去除空格总结

发布时间:2023-05-21

一、常规方法

JS去除字符串中的空格,通常我们会使用以下方法:

//去除所有空格
str.replace(/\s*/g,"");
//去除前后空格
str.replace(/(^\s*)|(\s*$)/g, "");
//去除前缀空格
str.replace(/^\s*/g, "");
//去除后缀空格
str.replace(/\s*$/g, "");

但需要注意的是,以上方法只适用于去除英文空格。对于中文空格或其他特殊字符空格,可能需要自行添加正则表达式。

二、全局方法

针对JS去除字符串内所有空格的问题,我们可以使用 replaceAll() 方法,这是 ES2021 中新增的一个全局方法。

str.replaceAll(" ","");

使用 replaceAll() 方法可以去除字符串内所有空格,不需要使用正则表达式,也可以应对中文空格和其他特殊字符空格。

三、去除数组空格

如果需要对数组内每个元素进行去空格操作,可以使用 map() 方法和 trim() 方法。

let arr = ["  abc  ","  def  ","  ghi  "];
arr = arr.map((item) => item.trim());
console.log(arr); //["abc","def","ghi"]

map() 方法会返回一个新数组,trim() 方法可以去除每个元素的空格。

四、去除输入框空格

需要对输入框内的值进行去空格处理,可以在监听输入事件时,对输入的值进行去空格操作。

input.addEventListener("input",() => {
  input.value = input.value.trim();
});

在事件监听中,使用 input.value 获取输入框内的值,并使用 trim() 方法去除空格。

五、结语

以上是 JS 去除空格的一些方法,我们可以根据实际需求选择不同的方法进行处理。在实际开发中,一定要对用户输入进行校验,防止恶意输入和攻击。