Этот блог является третьей частью серии статей по основам JavaScript. В этой серии будет рассмотрен объект String, его свойство и некоторые полезные методы. Это лучше всего подходит для тех, кто плохо знаком с Javascript. Ссылка на предыдущий блог о математических операциях.

Охваченная тема

В этой части будут рассмотрены следующие темы Javascript:

  • Строковые операции
  • Спасательный персонаж
  • Строковое свойство и метод

Оператор сложения работает как конкатенация между двумя строками.

var myvar1 = 'Hello';
var myVar2 = 'World';
var myVar3 = myVar1 + myVar2; //myVar3 = 'HelloWorld';

Если переменная не определена, будет добавлен строковый литерал «undefined». Если мы не присваиваем значение переменной, ее тип данных не определен.

var myVar1;
var myVar2 = 'World';
var myVar3 = myVar1 + myVar2; //myVar3 = 'undefinedWorld';

Если переменной присваивается значение null, это означает, что переменная пуста. Но это совершенно другое, чем undefined, где мы не присваиваем никакого значения.

var myVar1 = null;
var myVar2 = 'World';
var myVar3 = myVar1 + myVar2; //myVar3 = 'nullWorld';

Мы также можем использовать оператор присваивания сложения со строкой.

var myvar1 = 'Hello';
var myVar2 = 'World';
myVar1 += myVar2;//myVar2 = 'HelloWorld';

Спасательный персонаж

Когда мы определяем строковую переменную, мы должны начинать и заканчивать либо одинарными, либо двойными кавычками. Не путайте их. Как показано во всех приведенных выше примерах.

Но могут быть ситуации, когда мы хотим, чтобы в строке появлялись одинарные или двойные кавычки. Из одинарного и двойного использования используйте кавычки для начала и конца строки, которую вы не хотите отображать в строковом литерале.

//Suppose the requirement is to show single quotes
var myVar = "Hello'World";
//Suppose the requirement is to show double quotes
var myVar = 'Hello"World';

Вышеупомянутое просто обходной путь. Фактическое решение состоит в том, чтобы экранировать символ, который мы хотим показать, чтобы этот символ не считался концом строки.

var myVar1 = 'Hello\"World';
var myVar1 = "Hello\"World";

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

Строковое свойство и метод

Строка имеет три свойства в javascript, а именно конструктор, длину и прототип. Свойство конструктора помогает узнать функцию String, которая создала экземпляр, прототип помогает добавить новое свойство и метод к объекту String. Наиболее важным из них является длина, которая вернет длину объекта String.

var myVar = "Hello";
myVar.length; //the value will be 5

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

Для доступа к символу объекта String по определенному индексу мы используем квадратные скобки ‘[]’, а также мы должны помнить, что String основана на нулевых индексах, что означает, что для доступа к первому символу мы должны использовать нулевые индексы.

var myVar = "Hello";
console.log(myVar[0]);//this will print "H"
//access last character of the String
var length = myVar.length;//length value will be 5
//String is zero index based, last character is at one less position
console.log(myVar[length-1]);

Некоторые из часто используемых методов String trim(), toUpperCase(), toLowerCase(), indexOf(), charAt(), replace(), slice(), split().

Примечание. Не забудьте назначить выходные данные этих методов строковой переменной, поскольку строки неизменяемы в Javascript. Подробнее об неизменности читайте в статье Неизменяемость строк Javascript. Для получения дополнительных методов в Javascript следуйте этим Полезным методам Javascript String.

//trim replace white space character from start and end of String
var myVar1 = " Hello.  ";
var myVar2 = myVar1.trim(); //myVar2 is "Hello."
myVar2 = myVar2.toUpperCase(); //myVar2 is "HELLO.";
myVar2 = myVar2.toLowerCase(); //myVar2 is "hello.";
/*slice is like substring operation, it takes starting index (mandatory) and an optional end index. Start index character is included and end index character is excluded*/
var myVar3 = "Hello World";
console.log(myVar3.slice(2));//this will print "llo World"
console.log(myVar3.slice(2, 4));//this will print "ll"
//replace withh replace the first occurance of the String
console.log(myVar3.replace("o","0"));// "Hell0 World"

На этом третий блог этой серии заканчивается, в следующем разделе мы подробно обсудим Массив в Javascript.

Дошли до этого места, дайте мне следить за последними историями.

Если вам понравилось это читать, не забудьте про аплодисменты. 👏
Спасибо.