Рядок JavaScript (з прикладами)

У цьому посібнику ви дізнаєтеся про рядок JavaScript за допомогою прикладів.

Рядок JavaScript - це примітивний тип даних, який використовується для роботи з текстами. Наприклад,

 const name = 'John';

Створіть рядки JavaScript

У JavaScript рядки створюються, оточуючи їх лапками. Є три способи використання цитат.

  • Одинарні котирування: 'Hello'
  • Подвійні лапки: "Hello"
  • Зворотні позначки: `Hello`

Наприклад,

 //strings example const name = 'Peter'; const name1 = "Jack"; const result = `The names are $(name) and $(name1)`;

Одинарні та подвійні лапки практично однакові, і ви можете використовувати будь-яку з них.

Зворотні посилання зазвичай використовують, коли вам потрібно включити змінні або вирази в рядок. Це робиться шляхом обтікання змінних чи виразів, $(variable or expression)як показано вище.

Ви також можете написати цитату всередині іншої цитати. Наприклад,

 const name = 'My name is "Peter".';

Однак цитата не повинна відповідати навколишнім цитатам. Наприклад,

 const name = 'My name is 'Peter'.'; // error

Доступ до рядкових символів

Ви можете отримати доступ до символів у рядку двома способами.

  • Один із способів - розглядати рядки як масив. Наприклад,
 const a = 'hello'; console.log(a(1)); // "e"
  • Інший спосіб - використання методу charAt(). Наприклад,
 const a = 'hello'; console.log(a.charAt(1)); // "e"

Рядки JavaScript незмінні

У JavaScript рядки незмінні. Це означає, що символи рядка не можна змінювати. Наприклад,

 let a = 'hello'; a(0) = 'H'; console.log(a); // "hello"

Однак ви можете призначити ім'я змінної новому рядку. Наприклад,

 let a = 'hello'; a = 'Hello'; console.log(a); // "Hello"

JavaScript чутливий до регістру

JavaScript чутливий до регістру. Це означає, що в JavaScript малі та великі літери розглядаються як різні значення. Наприклад,

 const a = 'a'; const b = 'A' console.log(a === b); // false

В JavaScript, aі Aрозглядаються як різні значення.

Багаторядкові рядки JavaScript

Щоб використовувати багаторядковий рядок, ви можете використовувати +оператор або оператор. Наприклад,

 // using the + operator const message1 = 'This is a long message ' + 'that spans across multiple lines' + 'in the code.' // using the operator const message2 = 'This is a long message that spans across multiple lines in the code.'

Довжина рядка JavaScript

Щоб знайти довжину рядка, можна скористатися вбудованим lengthвластивістю. Наприклад,

 const a = 'hello'; console.log(a.length); // 5

Рядкові об’єкти JavaScript

Ви також можете створити рядки за допомогою newключового слова. Наприклад,

 const a = 'hello'; const b = new String('hello'); console.log(a); // "hello" console.log(b); // "hello" console.log(typeof a); // "string" console.log(typeof b); // "object"

Примітка : Рекомендується уникати використання рядкових об’єктів. Використання рядкових об’єктів уповільнює роботу програми.

Рядові методи JavaScript

Ось загальновживані методи рядків JavaScript:

Метод Опис
charAt (індекс) повертає символ за вказаним індексом
concat () об'єднує два або більше рядків
replace () замінює рядок іншим рядком
розділити () перетворює рядок у масив рядків
substr (початок, довжина) повертає частину рядка
підрядок (початок, кінець) повертає частину рядка
фрагмент (початок, кінець) повертає частину рядка
toLowerCase () returns the passed string in lower case
toUpperCase() returns the passed string in upper case
trim() removes whitespace from the strings
includes() searches for a string and returns a boolean value
search() searches for a string and returns a position of a match

Example: JavaScript String Methods

 const text1 = 'hello'; const text2 = 'world'; const text3 = ' JavaScript '; // concatenating two strings const result1 = text1.concat(' ', text2); console.log(result1); // "hello world" // converting the text to uppercase const result2 = text1.toUpperCase(); console.log(result2); // HELLO // removing whitespace from the string const result3 = text3.trim(); console.log(result3); // JavaScript // converting the string to an array const result4 = text1.split(); console.log(result4); // ("hello") // slicing the string const result5= text1.slice(1, 3); console.log(result5); // "el"

JavaScript String() Function

The String() function is used to convert various data types to strings. For example,

 const a = 225; // number const b = true; // boolean //converting to string const result1 = String(a); const result2 = String(b); console.log(result1); // "225" console.log(result2); // "true"

If you want to learn more about the string conversion, visit JavaScript Type Conversion.

Escape Character

You can use the backslash escape character to include special characters in a string. For example,

 const name = 'My name is \'Peter\'.'; console.log(name);

Output

 My name is 'Peter'.

In the above program, the same quote is included using .

Here are other ways that you can use :

Code Output
" include double quote
\ включити зворотну косу риску
n новий рядок
r повернення карети
v вертикальна вкладка
t горизонтальна вкладка
b зворотний простір
f форми корму

Цікаві статті...