JavaScript自定義方法實現trim()、Ltrim()、Rtrim()的功能
更新時間：2013年11月03日 16:36:05 作者：
去除字符串兩端的空格，是字符串處理非常常用的方法如何trim() 、Ltrim() 、Rtrim()，可惜的是javascript中無此方法，下面有個不錯的自定義教程感興趣的朋友可以參考下
去除字符串兩端的空格，是字符串處理非常常用的方法，非常遺憾的是JavaScript沒有這三個方法，只有我們自定義了：
第1步，給String添加成員
String.prototype.Trim = function(){ return Trim(this);}
String.prototype.LTrim = function(){return LTrim(this);}
String.prototype.RTrim = function(){return RTrim(this);}
第二步，實現方法
function LTrim(str)
{
var i;
for(i=0;i<str.length;i++)
{
if(str.charAt(i)!=" "&&str.charAt(i)!=" ")break;
}
str=str.substring(i,str.length);
return str;
}
function RTrim(str)
{
var i;
for(i=str.length-1;i>=0;i--)
{
if(str.charAt(i)!=" "&&str.charAt(i)!=" ")break;
}
str=str.substring(0,i+1);
return str;
}
function Trim(str)
{
return LTrim(RTrim(str));
}
當然，也可應使用正則表達式，這樣代碼更清晰，效率也更高，
String.prototype.Trim = function()
{
return this.replace(/(^\s*)|(\s*$)/g, "");
}
String.prototype.LTrim = function()
{
return this.replace(/(^\s*)/g, "");
}
String.prototype.RTrim = function()
{
return this.replace(/(\s*$)/g, "");
}
第1步，給String添加成員
復制代碼 代碼如下:
String.prototype.Trim = function(){ return Trim(this);}
String.prototype.LTrim = function(){return LTrim(this);}
String.prototype.RTrim = function(){return RTrim(this);}
第二步，實現方法
復制代碼 代碼如下:
function LTrim(str)
{
var i;
for(i=0;i<str.length;i++)
{
if(str.charAt(i)!=" "&&str.charAt(i)!=" ")break;
}
str=str.substring(i,str.length);
return str;
}
function RTrim(str)
{
var i;
for(i=str.length-1;i>=0;i--)
{
if(str.charAt(i)!=" "&&str.charAt(i)!=" ")break;
}
str=str.substring(0,i+1);
return str;
}
function Trim(str)
{
return LTrim(RTrim(str));
}
當然，也可應使用正則表達式，這樣代碼更清晰，效率也更高，
復制代碼 代碼如下:
String.prototype.Trim = function()
{
return this.replace(/(^\s*)|(\s*$)/g, "");
}
String.prototype.LTrim = function()
{
return this.replace(/(^\s*)/g, "");
}
String.prototype.RTrim = function()
{
return this.replace(/(\s*$)/g, "");
}
相關文章
本文主要分享了js封裝一個tab切換效果的示例代碼，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要為大家詳細介紹了小程序實現列表倒計時功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
Threejs與Tween.js結合創(chuàng)建動畫的詳細圖文教程
three.js和tween.js可以一起使用,實現復雜的動畫效果,包括飛線動畫,這篇文章主要給大家介紹了關于Threejs與Tween.js結合創(chuàng)建動畫的相關資料,需要的朋友可以參考下2024-01-01
文本框獲得焦點的時在文本框的下方顯示一個浮動層，點擊文本框隱藏浮動層，下面為大家介紹下鼠標點擊時文本框與隱藏層處理問題，感興趣的朋友可以參考下2013-08-08
微信頁面開發(fā)時，各個主頁之間的跳轉，完全是通過a鏈接進行的，但是來回跳轉幾次，再次從其他主頁面跳回首頁的時候，微信頭部出現了跳轉加載進度條，但是就是不跳轉，也沒有任何反應，怎么回事呢？下面小編給大家解答下2016-08-08
這篇文章主要介紹了js如何實現頭像上傳并且可預覽提交，幫助大家更好的理解和使用js，感興趣的朋友可以了解下2020-12-12
怎么讓<textarea></textarea>之間包含的文本原封不動的顯示出來呢？下面小編就為大家介紹一下具體的實現方法吧2013-11-11
JavaScript和TypeScript中的void的具體使用
這篇文章主要介紹了JavaScript和TypeScript中的void的具體使用，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-09-09
javascript游戲開發(fā)之《三國志曹操傳》零部件開發(fā)(四)用地圖塊拼成大地圖
小時候我們玩過拼圖游戲，是用自己的手去拼的。今天我們來研究研究用javascript來拼圖感興趣的朋友可以了解下,希望本文對你有所幫助2013-01-01
ElementPlus是一個基于Vue3的UI組件庫,旨在提供豐富的HTML元素封裝,以簡化前端開發(fā),主要特點包括預定義樣式、事件處理、易用性等,為開發(fā)者提供了一致且美觀的用戶界面,同時支持按需導入,提高項目效率,感興趣的朋友一起看看吧2024-09-09