技術標籤：學習JavaScriptjshtml5es6

一些必要掌握的字串的方法

• • 前言
  • trim( )
  • 總結

前言

功能：刪除空白字元
以下是本篇文章正文內容，下面案例可供參考學習

trim( )

• trim()方法會從一個字串的兩端刪除空白字元。
• trim()方法並不影響原字串本身，它返回的是一個新的字串。

提示：該方法常用於專案開發中，使用者名稱的註冊、密碼輸入等去除字串兩邊的空格。

	str.trim()

示例：
陣列str兩遍有空格，定義新陣列str2使用trim()方法，去除字串兩邊的空格

	// trim 方法取出字串兩邊的空格
	let str = "     str.trim()去除兩邊的空格     "
 
;
	console.log(str)
	let str2 = str.trim();
	console.log(str2)

執行結果：

在輸入框中的應用：
例項：

	<input type="text"><button>點選</button>
	<p></p>

	let input = document.querySelector('input'),
		btn = document.querySelector('button'),
		p = document.querySelector('p');
	btn.
 
onclick = function () {
		var str = input.value.trim();
		if (str === '') {
			// alert("輸入內容為空！");
			console.log("輸入內容為空！")
		} else {
			console.log("去除空格前的字串：" + input.value)
			console.log("去除空格後的字串：" + str)
 			console.log("去除空格前的字串長度：" + input.value.
 
length)
 			console.log("去除空格後的字串長度：" + str.length)
			p.innerHTML = str;
		}
	};

操作： 輸入“ 前面敲了空格，hhh”

以上指令碼地址

總結

這裡對文章進行總結：
該方法常用於專案開發中，使用者名稱的註冊、密碼輸入等去除字串兩邊的空格。

轉載請註明出處