检索框去掉前后空格的方法

长影缚苍龙

已于 2024-04-22 11:43:32 修改

阅读量311

点赞数 3

CC 4.0 BY-SA版权

文章标签：前端 javascript 开发语言

于 2024-04-22 11:31:52 首次发布

本文链接：https://blog.csdn.net/qq_36521981/article/details/138068802

本文介绍了JavaScript的trim()方法及其在处理字符串头尾空白字符的应用，讨论了其在不同浏览器中的兼容性问题，并提供了使用正则表达式的替代解决方案。作者还展示了如何在搜索表单中应用此功能，确保文本输入的准确性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var str = "       检索内容       ";
alert(str.trim());

trim() 方法用于删除字符串的头尾空白符，空白符包括：空格、制表符 tab、换行符等其他空白符等。
trim() 方法不会改变原始字符串。
trim() 方法不适用于 null, undefined, Number 类型。

如果你的浏览器不支持 trim() 方法，你可以使用正则表达式来实现:

function myTrim(x) {
  return x.replace(/^\s+|\s+$/gm,'');
}
 
 myTrim("        检索内容        ")

 const customTrim = (str)=>{
      if(String.prototype.trim){
        return str.trim();
      }else{
        return str.replace(/^\s+|\s+$/gm,'');
      }
}
const setSearchText = ()=>{
      for(let key in state.searchForm){
        state.searchForm[key]=customTrim(state.searchForm[key]);
      } 
 }