Блог

Главная - JavaScript язык программирования - JavaScript | trimStart() and trimLeft() Method
You are currently viewing JavaScript | trimStart() and trimLeft() Method

JavaScript | trimStart() and trimLeft() Method

Метод TrimStart() в JavaScript используется для удаления пробелов из начала строки. Значение строки никоим образом не изменяется, в том числе любые пробелы, присутствующие после строки.

Синтаксис:

string.trimStart()

Возвращаемое значение: Он возвращает последнюю строку, которая в начале была удалена из всех пробелов.

Пример: 

В этом примере реализован метод TrimStart ().

<!DOCTYPE html>
<html>

<head>
	<title>
		JavaScript trimStart() method
	</title>
</head>

<body>
	<h1 style="color: green">
		ProgramBox
	</h1>
	
	<b>
		JavaScript | trimStart() method
	</b>
	
	<pre>Output for " GeeksforGeeks	 " : <span
				class="output"></span>
	</pre>
	
	<pre>Output for "Hello There! " : <span
				class="output_2"></span>
	</pre>
	
	<button onclick="trimString()">
		Trim Start
	</button>
	
	<script type="text/javascript">
		function trimString() {
			str1 = " GeeksforGeeks	 ";
			str2 = "Hello There! ";
	
			trimmed_out = str1.trimStart();
			trimmed_out2 = str2.trimStart();
	
			document.querySelector('.output')
				.textContent = '"' + trimmed_out + '"';
		
			document.querySelector('.output_2')
				.textContent = '"' + trimmed_out2 + '"';
		}
	</script>
</body>

</html>

Выход:

  • Прежде чем нажать кнопку:
  • После нажатия на кнопку:

Псевдоним функции trimLeft ()

Метод TrimStart() имеет псевдоним, который является методом trimLeft (). Он выполняет в точности ту же функцию, что и метод TrimStart ().

Синтаксис:

string.trimLeft()

Возвращаемое значение: Он возвращает последнюю строку, которая в начале была удалена из всех пробелов.

Пример: 

В этом примере реализован метод trimLeft ().

<!DOCTYPE html>
<html>

<head>
	<title>
		JavaScript | trimLeft() method
	</title>
</head>
<body>
	<h1 style="color: green">
		ProgramBox
	</h1>
	
	<b>
		JavaScript | trimLeft() method
	</b>
	
	<pre>Output for " GeeksforGeeks	 " : <span
			class="output"></span>
	</pre>
	
	<pre>Output for "Portal " : <span
			class="output_2"></span>
	</pre>
	
	<button onclick="trimString()">
		Trim Left
	</button>
	
	<script type="text/javascript">
		function trimString() {
			str1 = " GeeksforGeeks	 ";
			str2 = "Portal ";
		
			trimmed_out = str1.trimLeft();
			trimmed_out2 = str2.trimLeft();
		
			document.querySelector('.output')
				.textContent = '"'
				+ trimmed_out + '"';
			document.querySelector('.output_2')
				.textContent = '"'
				+ trimmed_out2 + '"';
		}
	</script>
</body>

</html>

Выход:

  • Прежде чем нажать кнопку:
  • После нажатия на кнопку:

Поддерживаемые браузеры: Браузеры, поддерживаемые методом TrimStart (), перечислены ниже:

  • Google Chrome 60
  • Firefox 61
  • Edge 12
  • Safari 12
  • Opera 53
Метки: