👩‍💻 Что такое метод endsWith() в JavaScript и как он используется?

endsWith() — это метод строк в JavaScript, который проверяет, заканчивается ли строка на указанную подстроку. Он возвращает true, если строка заканчивается переданным значением, и false, если нет.

➡️ Пример:

const text = "frontend — это круто!";

// Проверяем, заканчивается ли строка на "круто!"
console.log(text.endsWith("круто!")); // true

// Проверяем с ограничением по длине
console.log(text.endsWith("frontend", 8)); // true

🗣️ В этом примере:

• endsWith("круто!") проверяет, заканчивается ли строка на "круто!".
• endsWith("frontend", 8) проверяет первые 8 символов строки.
• Этот метод полезен для проверки расширений файлов, валидации URL и обработки текстов.

CodeBase | Frontend | #JS

👩‍💻 Что такое метод padStart() в JavaScript и как он используется?

padStart() — это метод строк в JavaScript, который дополняет строку до нужной длины, добавляя заданные символы в начало. Он удобен для форматирования чисел, дат и других данных.

➡️ Пример:

const num = "7";

// Дополняем до двух символов нулями
console.log(num.padStart(2, "0")); // "07"

// Выравнивание текста
console.log("JS".padStart(5, "-")); // "--JS"

🗣️ В этом примере:

• padStart(2, "0") превращает "7" в "07", полезно для форматирования чисел.
• padStart(5, "-") добавляет символы до нужной длины.

CodeBase | Frontend | #JS

👩‍💻 Что такое метод trim() в JavaScript и как он используется?

trim() — это метод строк в JavaScript, который удаляет пробелы и скрытые символы (переводы строк, табуляции) в начале и конце строки. Это полезно при обработке пользовательского ввода и очистке данных.

➡️ Пример:

const text = "   Привет, мир!   ";

console.log(text.trim());   // "Привет, мир!"
console.log(text.trimStart()); // "Привет, мир!   "
console.log(text.trimEnd());   // "   Привет, мир!"

🗣️ В этом примере:

• trim() удаляет пробелы с обеих сторон строки.
• trimStart() — удаляет только в начале, trimEnd() — только в конце.

CodeBase | Frontend | #JS

👩‍💻 Что такое метод repeat() в JavaScript и как он используется?

repeat() — это метод строк в JavaScript, который позволяет повторить строку указанное количество раз. Он полезен для форматирования вывода, создания шаблонов и генерации текстовых данных.

➡️ Пример:

const text = "JS ";

// Повторяем строку 3 раза
console.log(text.repeat(3)); // "JS JS JS"

// Создаём разделитель
console.log("-".repeat(10)); // "----------"

🗣️ В этом примере:

• repeat(3) повторяет строку три раза, объединяя их в одну строку.
• repeat(10) создаёт разделитель из 10 символов -.

CodeBase | Frontend | #JS

👩‍💻 Что такое метод slice() в JavaScript и как он используется?

slice() — это метод массивов и строк в JavaScript, который возвращает копию части массива или строки без изменения оригинала. Он полезен для обрезки, копирования и извлечения подмножеств данных.

➡️ Пример:

const arr = [10, 20, 30, 40, 50];
console.log(arr.slice(1, 4)); // [20, 30, 40]

const str = "JavaScript";
console.log(str.slice(0, 4)); // "Java"

🗣️ В этом примере:

• slice(1, 4) возвращает элементы с индексом 1 по 3 включительно (4 не включается).
• slice(0, 4) возвращает первые 4 символа строки.
• Метод не мутирует оригинальные данные, что делает его безопасным при работе с копиями.

CodeBase | Frontend | #JS

🔥 Fluid Simulation - cцена с интересной симуляцией жидкости с текстом CSS и JavaScript.

🔗 Ссылка

CodeBase | Frontend | #js #animate