详解Javascript trim()函数实现

2016-02-19 16:16 0 1 收藏

下面,图老师小编带您去了解一下详解Javascript trim()函数实现,生活就是不断的发现新事物,get新技能~

【 tulaoshi.com - Web开发 】

  在JavaScript中我们需要用到trim的地方很多,但是JavaScript又没有独立的trim函数或者方法可以使用,所以我们需要自己写个trim函数来实现我们的目的。

  方案一:

  以原型方式调用,即obj.trim()形式,此方式简单且使用方面广泛,定义方式如下:

﹤scriptlanguage=”javascript”﹥
/**
*删除左右两端的空格
*/
String.prototype.trim=function()
{
returnthis.replace(/(^s*)|(s*$)/g,”);
}
/**
*删除左边的空格
*/
String.prototype.ltrim=function()
{
returnthis.replace(/(^s*)/g,”);
}
/**
*删除右边的空格
*/
String.prototype.rtrim=function()
{
returnthis.replace(/(s*$)/g,”);
}
﹤/script﹥

  使用示例如下:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

﹤scripttype=”text/javascript”﹥
alert(document.getElementById(’abc’).value.trim());
alert(document.getElementById(’abc’).value.ltrim());
alert(document.getElementById(’abc’).value.rtrim());
﹤/script﹥

  方案二:

  以工具方式调用,即trim(obj)的形式,此方式可以用于特殊处理需要,定义方式如下:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

﹤scripttype=”text/javascript”﹥
/**
*删除左右两端的空格
*/
functiontrim(str)
{
returnstr.replace(/(^s*)|(s*$)/g,”);
}
/**
*删除左边的空格
*/
functionltrim(str)
{
returnstr.replace(/(^s*)/g,”);
}
/**
*删除右边的空格
*/
functionrtrim(str)
{
returnstr.replace(/(s*$)/g,”);
}
﹤/script﹥

  使用示例如下:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

﹤scripttype=”text/javascript”﹥
alert(trim(document.getElementById(’abc’).value));
alert(ltrim(document.getElementById(’abc’).value));
alert(rtrim(document.getElementById(’abc’).value));
﹤/script﹥

来源:https://www.tulaoshi.com/n/20160219/1611528.html

延伸阅读
标签: Web开发
函数为程序设计人员提供了一个丰常方便的能力。通常在进行一个复杂的程序设计时,总是根据所要完成的功能,将程序划分为一些相对独立的部分,每部分编写一个函数。从而,使各部分充分独立,任务单一,程序清晰,易懂、易读、易维护。JavaScript函数可以封装那些在程序中可能要多次用到的模块。并可作为事件驱动的结果而调用的程序。从而实...
标签: 电脑入门
在EXCEL2010数据表中,如果要制做数据透视表,要求数据表单元格的字符前后都不能有空格,如果有空格的话会对数据统计分析产生影响。因为空格是无法直观看到的,如果字符后面带有多个空格,那么,即使文字一模一样,在进行统计分析时,EXCEL2010都会将其识别为两个不同的内容。 去掉EXCEL2010数据表中的空格我们可以使用TRIM函数来帮忙,否则一...
标签: Web开发
作者:F. Permadi 译者:Sheneyan(子乌) 英文原文: INTRODUCTION TO JavaScript Functions 中文译文(包括示例):javascript的函数 子乌注:一篇相当不错的function入门文章,个人感觉相当经典。 词语翻译列表: function:函数(Function未翻译) declare:定义 assign:指派,分配 functionbody:函数体(就是函数的内容) object:对象 prop...
标签: Web开发
元素的CSS样式,除了包括内联的(即通过style属性加上的)样式定义外,还有页面嵌入的css和外部引入的css两种方式。但在JS中通过el.style.xxx只能获取的内联的样式属性,这就存在比较大的局限性。好在浏览器都提供了另外的方式来获取以其它方式定义的样式属性,在IE中有currentStyle、FF等w3c标准的浏览器中有getComputedStyle。 为便于操作,...
标签: Web开发
JavaScript中small函数方法是将 HTML 的SMALL 标识添加到String 对象中的文本两端。使用方法: strVariable.small( )"String Literal".small( ) 下面的示例演示了 JavaScript中small函数方法是如何使用的: var strVariable = "This is a string";strVariable = strVariable.small( ); 在上一条语句...

经验教程

946

收藏

45
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部