一个非常高效的js的trim截取字符串-原生方法-正则表达式

最新推荐文章于 2024-09-18 19:26:48 发布

sprone

最新推荐文章于 2024-09-18 19:26:48 发布

阅读量145

点赞数

分类专栏： JavaScript 文章标签：正则表达式 prototype JavaScript HTML C ViewUI

本文链接：https://blog.csdn.net/sprone/article/details/83804355

版权

JavaScript 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

第一种非常高效的原生方法：

<html>
	<head>
		<script type = "text/javascript">
		// prototype trim method ,a very effective method of to trim a String 
		String.prototype.trim = function() { 
			return this.replace(/^\s\s*/, '').replace(/\s\s*$/, ''); 
		} 
		function tip(){
			var tipMessage = document.getElementById("test").value;
			alert(tipMessage.trim().length);
		}
		</script>
	</head>
	<body>
		<input type="text" name = "test" style="width:100px">
		<input type="button" οnclick="tip()" value="submit">
	</body>
</html>

第二种方法更高效，直逼二进制,这不是牛人写的，这是神写的！

附上js三元运算：

var test = document.getElementById("test").value;

var flag = (test=="a")?"a":( (test=="b")?"b":(test=="c"?"c":"other"));

alert(flag);

<html>
	<head>
		<script type = "text/javascript">
		// prototype trim method ,a very effective method of to trim a String 
		String.prototype.trim = function() { 
			var str = this, 
			whitespace = ' \n\r\t\f\x0b\xa0\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u200b\u2028\u2029\u3000';
			for (var i = 0,len = str.length; i < len; i++) { 
				if (whitespace.indexOf(str.charAt(i)) === -1) { 
					str = str.substring(i); 
					break; 
				} 
			} 
			for (i = str.length - 1; i >= 0; i--) { 
				if (whitespace.indexOf(str.charAt(i)) === -1) { 
					str = str.substring(0, i + 1); 
					break; 
				} 
			} 
			return whitespace.indexOf(str.charAt(0)) === -1 ? str : ''; 
		} 
		function tip(){
			var tipMessage = document.getElementById("test").value;
			alert(tipMessage.trim().length);
		}
		</script>
	</head>
	<body>
		<input type="text" name = "test" style="width:100px">
		<input type="button" οnclick="tip()" value="submit">
	</body>
</html>