01:05
Урок 10: Строки

Курс по программированию на JavaScript

Урок 10: Строки

Строки являются важной частью программирования на JavaScript. В этом уроке мы рассмотрим основные методы работы со строками и шаблонные строки.

Основные методы работы со строками

JavaScript предоставляет множество методов для работы со строками. Рассмотрим некоторые из них.

length

Свойство length возвращает длину строки.

let str = 'Hello, world!';
console.log(str.length);
13

toUpperCase и toLowerCase

Методы toUpperCase и toLowerCase возвращают строку в верхнем и нижнем регистре соответственно.

let str = 'Hello, world!';
console.log(str.toUpperCase());
console.log(str.toLowerCase());
HELLO, WORLD!
hello, world!

includes

Метод includes проверяет, содержит ли строка указанную подстроку, и возвращает true или false.

let str = 'Hello, world!';
console.log(str.includes('world'));
console.log(str.includes('JavaScript'));
true
false

substring

Метод substring возвращает часть строки между двумя указанными индексами.

let str = 'Hello, world!';
console.log(str.substring(0, 5));
console.log(str.substring(7));
Hello
world!

split

Метод split разбивает строку на массив подстрок, используя указанный разделитель.

let str = 'apple,banana,cherry';
let arr = str.split(',');
console.log(arr);
['apple', 'banana', 'cherry']

Шаблонные строки

Шаблонные строки позволяют вставлять выражения в строки. Они заключаются в обратные кавычки (`) и используют синтаксис ${...} для вставки выражений.

let name = 'Alice';
let age = 30;
let message = `Hello, my name is ${name} and I am ${age} years old.`;
console.log(message);
Hello, my name is Alice and I am 30 years old.

Примеры использования строк

Рассмотрим несколько примеров, демонстрирующих использование строк и их методов.

// Пример 1: Проверка наличия подстроки
let sentence = 'The quick brown fox jumps over the lazy dog';
let word = 'fox';
if (sentence.includes(word)) {
 console.log(`The word "${word}" is in the sentence.`);
} else {
 console.log(`The word "${word}" is not in the sentence.`);
}

// Пример 2: Форматирование строки
let firstName = 'John';
let lastName = 'Doe';
let fullName = `${firstName} ${lastName}`;
console.log(fullName); // John Doe

// Пример 3: Извлечение доменного имени из URL
let url = 'https://www.example.com/path';
let domain = url.split('/')[2];
console.log(domain); // www.example.com
The word "fox" is in the sentence.
John Doe
www.example.com

Упражнения

Упражнение 1: Проверка палиндрома

Создайте функцию isPalindrome, которая принимает строку и возвращает true, если строка является палиндромом (читается одинаково в обоих направлениях), и false в противном случае. Игнорируйте пробелы и регистр символов.

Решение:

// Функция для проверки палиндрома
function isPalindrome(str) {
 str = str.replace(/\s+/g, '').toLowerCase();
 return str === str.split('').reverse().join('');
}

// Примеры использования функции
console.log(isPalindrome('A man a plan a canal Panama')); // true
console.log(isPalindrome('Hello, world!')); // false
true
false

Объяснение: Мы создали функцию isPalindrome, которая удаляет все пробелы и преобразует строку к нижнему регистру, затем сравнивает строку с ее перевернутой версией. Если они совпадают, строка является палиндромом.

Упражнение 2: Форматирование даты

Создайте функцию formatDate, которая принимает объект Date и возвращает строку в формате DD/MM/YYYY. Используйте методы объекта Date для получения компонентов даты.

Решение:

// Функция для форматирования даты
function formatDate(date) {
 let day = date.getDate();
 let month = date.getMonth() + 1; // Месяцы начинаются с 0
 let year = date.getFullYear();
 
 // Добавление ведущих нулей к дню и месяцу
 day = day < 10 ? '0' + day : day;
 month = month < 10 ? '0' + month : month;
 
 return `${day}/${month}/${year}`;
}

// Пример использования функции
let date = new Date(2024, 4, 17); // 17 мая 2024 года
console.log(formatDate(date)); // 17/05/2024
17/05/2024

Объяснение: Мы создали функцию formatDate, которая принимает объект Date и возвращает строку в формате DD/MM/YYYY. Мы используем методы объекта Date для получения компонентов даты и добавляем ведущие нули для дней и месяцев, состоящих из одной цифры.

Категория: JavaScript | Просмотров: 14 | Добавил: Admin | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *: