javascript去除左右两边空格

function lTrim(str) 

  if (str.charAt(0) == " ") 
  { 
    //如果字串左边第一个字符为空格 
    str = str.slice(1);//将空格从字串中去掉 
    //这一句也可改成 str = str.substring(1, str.length); 
    str = lTrim(str);    //递归调用 
  } 
  return str; 

//rTrim()去掉字串右边的空格 
function rTrim(str) 

  var iLength; 
  iLength = str.length; 
  if (str.charAt(iLength - 1) == " ") 
  { 
    //如果字串右边第一个字符为空格 
    str = str.slice(0, iLength - 1);//将空格从字串中去掉 
    //这一句也可改成 str = str.substring(0, iLength - 1); 
    str = rTrim(str);    //递归调用 
  } 
  return str; 

//trim()去掉字串两边的空格 
function trim(str) 

  return lTrim(rTrim(str)); 
}   

 

 

 

 

或者

function trim(string)
    {
        return string.replace(/(^/s*)|(/s*$)/g, "");
    }

### 使用 JavaScript 正则表达式去除字符串首尾空格 为了去除 JavaScript 字符串两端的空格,可以采用正则表达式的解决方案。具体来说,通过定义一个函数 `trim` 来处理传入的字符串参数,并利用正则表达式匹配并移除位于字符串起始位置和结束位置的所有空白字符。 下面是一个简洁的例子展示如何去掉给定字符串中的前后多余空格: ```javascript const trim = (str) => { return str.replace(/^\s*|\s*$/g, ''); }; let stringWithSpaces = ' example string with spaces '; console.log(`Original: '${stringWithSpaces}'`); let trimmedString = trim(stringWithSpaces); console.log(`Trimmed: '${trimmedString}'`); ``` 上述代码片段展示了如何创建一个名为 `trim` 的箭头函数[^3],该函数接受单个参数 `str` 并返回经过清理后的版本。这里使用的正则模式 `/^\s*|\s*$/g` 能够有效地识别任何存在于字符串开头 (`^`) 或结尾 (`$`) 处的一个或多于一个连续的空白字符序列 (\s*) ,并将它们替换成空字符串 "" 。全局标志 g 确保整个输入都被考虑到了。 对于实际应用中获取用户输入的情况,比如从网页表单收集数据时,可以通过如下方式结合 HTML 和 JavaScript 实现自动清除输入框内文本两侧不必要的间距: ```html <script type="text/javascript"> function cleanInput() { let userInput = document.getElementById('username').value; // 清理用户输入的数据 cleanedData = userInput.replace(/^\s*|\s*$/g, ""); alert(cleanedData); // 显示已清理的结果 } </script> <input id="username" placeholder="Enter your username here..." /> <button onclick="cleanInput()">Submit</button> ``` 这段脚本会在点击按钮后执行 `cleanInput()` 函数,从而调用之前提到过的 `replace()` 方法来修剪来自 `<input>` 元素的内容[^1]。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值