You are currently viewing Как обрезать строку в начале или в конце в JavaScript ?

Как обрезать строку в начале или в конце в JavaScript ?

В этой статье показано, как обрезать строку в начале, в конце, а также с обеих сторон. Для различных видов обрезки строк JavaScript предоставляет три функции. Функция TrimLeft () используется для удаления символов из начала строки. Функция trimRight () используется для удаления символов с конца строки. Функция Trim () используется для удаления символов с обоих концов. Собственные функции JavaScript, как и функции многих других языков, удаляют только пробелы. Мы подробно обсудим все эти функции и разберемся в них на примерах.

Обрезка строки в начале: В этом случае мы обрезаем строку в начале с помощью функции trimLeft ().

Функция JavaScript trimLeft ()

Этот метод используется для устранения пробелов в начале строки. Значение строки никоим образом не изменяется, если после строки присутствует пробел, оно не изменяется.

Синтаксис:

string.trimLeft();

Пример 1: 

В этом примере переменная var объявляется со строкой ” programbox». Обратите внимание на заданную строку, в левом конце которой есть пробелы. Функция trimLeft() удалит пробелы в начале.

<!DOCTYPE html>
<html>

<head>
	<title>Javascript trimLeft() Function</title>
</head>

<body>
	<script>
	var word = " programbox";
	console.log("initial string:" + "'" + word + "'");
	
	// Trimming the string at the Beginning
	var new_word = word.trimLeft();
	console.log("modified string:" + "'" + new_word + "'");
	</script>
</body>

</html>

Выход:

initial string:' programbox'
modified string:'programbox'

Пример 2:

В этом примере переменная var объявляется со строкой ” programbox “. Обратите внимание, что данная строка содержит пробелы с обоих концов. Функция trimLeft() удаляет пробелы только в начале и оставляет пробелы в конце неизменными.

<!DOCTYPE html>
<html>

<head>
	<title>Javascript trimLeft() Function</title>
</head>

<body>
	<script>
	var word = " programbox ";
	console.log("initial string:" + "'" + word + "'");
	
	// Trimming the string at the start
	var new_word = word.trimLeft();
	console.log("modified string:" + "'" + new_word + "'");
	</script>
</body>

</html>

Выход:

initial string:' programbox '
modified string:'programbox '

Обрезка струны в конце: В этом случае мы обрезаем строку в конце с помощью функции trimRight ().

Функция JavaScript trimRight()

Этот метод используется для устранения пробелов в конце строки. Значение строки никоим образом не изменяется, если перед строкой присутствует пробел, оно не изменяется.

Синтаксис:

string.trimRight();

Пример 1: 

В этом примере объявляется переменная var и ей присваивается строка “programbox». Обратите внимание на заданную строку, в правом конце которой есть пробелы, поэтому trimRight() удаляет пробелы в конце.

<!DOCTYPE html>
<html>

<head>
	<title>Javascript trimRight() Function</title>
</head>

<body>
	<script>
	var word = "programbox ";
	console.log("initial string:" + "'" + word + "'");
	
	// Trimming the string at the right end
	var new_word = word.trimRight();
	console.log("modified string:" + "'" + new_word + "'");
	</script>
</body>

</html>

Выход:

initial string:' programbox '
modified string:' programbox'

Обрезка строки с обоих концов: В этом случае мы обрезаем строку с обоих концов с помощью функции trim ().

Функция JavaScript trim ()

Функция Trim() удаляет пробелы с обоих концов строки и создает новую строку без изменений исходной. В этом контексте все пробелы и все символы-терминаторы строк считаются пробелами.

Синтаксис:

string.trim();

Пример: 

В этом примере объявляется переменная var и ей присваивается строка ” programbox”. Обратите внимание на данную строку, в которой на обоих концах есть пробелы. Функция trim() удаляет пробелы с обоих концов.

<!DOCTYPE html>
<html>

<head>
	<title>Javascript trim() Function</title>
</head>

<body>
	<script>
	var word = " programbox ";
	console.log("initial string:" + "'" + word + "'");
	
	// Trimming the string at both ends
	var new_word = word.trim();
	console.log("modified string:" + "'" + new_word + "'");
	</script>
</body>

</html>

Выход:

initial string:' programbox '
modified string:'programbox'

Поддерживаемые браузеры:

  • Google Chrome 4.0
  • Firefox 3.5
  • Internet Explorer 10.0
  • Microsoft Edge 12.0
  • Opera 10.5
  • Safari 5.0