Этот блог является третьей частью серии статей по основам 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.
Дошли до этого места, дайте мне следить за последними историями.
Если вам понравилось это читать, не забудьте про аплодисменты. 👏
Спасибо.