jqueryで先頭と末尾のスペースを削除する方法-フロントエンドQ&A-php.cn

jqueryで先頭と末尾のスペースを削除する方法

青灯夜游

リリース： 2022-09-13 17:38:31

オリジナル

2210 人が閲覧しました

2 つの実装方法: 1. トリム() 関数を使用して、文字列の先頭と末尾にあるすべての空白文字 (改行、スペース、タブ) を削除します。構文 "$.trim(指定された文字列）」。 2. replace() 関数を正規表現で使用して、先頭と末尾のスペースを null 文字に置き換えます。構文は「specify string object.replace(/^\s |\s $/g, "")」です。

jqueryで先頭と末尾のスペースを削除する方法

このチュートリアルの動作環境: Windows7 システム、jquery3.6.1 バージョン、Dell G3 コンピューター。

方法 1:

$ を削除するには、trim() 関数を使用します。trim() 関数は、文字列の両端の空白文字を削除するために使用されます。

$.trim( str )

ログイン後にコピー

注: $.trim() 関数は、文字列の先頭と末尾にあるすべての改行文字、スペース (連続したスペースを含む)、およびタブ文字を削除します。これらの空白文字が文字列の途中にある場合、それらは保持され、削除されません。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-3.6.1.min.js"></script>
		<script type="text/javascript">
			$(function() {
				var str = "         lots of spaces before and after         ";
				console.log(str);
				console.log($.trim(str));
			})
		</script>
	</head>
	<body>
	</body>
</html>

ログイン後にコピー

jqueryで先頭と末尾のスペースを削除する方法

方法 2: 正規表現を使用して replace() 関数を使用して削除する

replace() 関数は文字列で使用されています一部の文字を他の文字に置き換えるか、正規表現に一致する部分文字列を置き換えます。

stringObject.replace(regexp/substr,replacement)

ログイン後にコピー

パラメータ	説明
regexp/substr	必須。置換する部分文字列またはパターンを指定する RegExp オブジェクト。値が文字列の場合、最初に RegExp オブジェクトに変換されるのではなく、リテラルテキストパターンとして取得されることに注意してください。
交換	必須。文字列値。テキストを置換する関数、または置換テキストを生成する関数を指定します。

パラメータ

説明

regexp/substr

必須。置換する部分文字列またはパターンを指定する RegExp オブジェクト。

値が文字列の場合、最初に RegExp オブジェクトに変換されるのではなく、リテラルテキストパターンとして取得されることに注意してください。

交換

必須。文字列値。テキストを置換する関数、または置換テキストを生成する関数を指定します。

正規表現を使用して先頭と末尾のスペースを照合し、null 文字に置き換えるだけです。

使用される正規表現: /^\s |\s $/g

構文:

str.replace(/^\s+|\s+$/g, "");

ログイン後にコピー

// は正規表現で、次の g はグローバル一致を示します
^\s 先頭のスペースを削除します。 #^ は先頭を意味し、\s はスペース、 は 1 つ以上の文字と一致します。つまり、ここでの意味は、先頭の 1 つ以上のスペースと一致することです。
\s $末尾のスペースを削除します。
は文字列の末尾を示し、末尾の 1 つ以上のスペースの一致を示します。

は、文字列の末尾の一致を示します。 left または right の規則的なパターン。したがって、文字列の先頭または末尾にスペースがある限り、スペース部分は

に一致します。例: jqueryで先頭と末尾のスペースを削除する方法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-3.6.1.min.js"></script>
		<script type="text/javascript">
			$(function() {
				var str = "         lots of spaces before and after         ";
				console.log(str);
				console.log(str.replace(/^\s+|\s+$/g, ""));
			})
		</script>
	</head>
	<body>
	</body>
</html>

ログイン後にコピー

[推奨学習: jQuery ビデオチュートリアル

、###Web フロントエンドビデオ ###]###

以上がjqueryで先頭と末尾のスペースを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。