1️⃣1️⃣ includes()

👉 Проверяет, есть ли элемент в массиве (true/false).

let fruits = ["apple", "banana", "orange"];
console.log(fruits.includes("banana")); // true
console.log(fruits.includes("grape"));  // false

1️⃣2️⃣ slice()

👉 Создает копию части массива (не изменяет оригинал).

let arr = [1, 2, 3, 4, 5];
let sliced = arr.slice(1, 4);
console.log(sliced); // [2, 3, 4]

1️⃣3️⃣ splice()

👉 Удаляет или добавляет элементы в массив (меняет оригинал).

let arr = [1, 2, 3, 4, 5];
arr.splice(2, 2, 99, 100); 
console.log(arr); // [1, 2, 99, 100, 5]

🔥 JavaScript String Methods (Методы строк)

Строка — это последовательность символов в кавычках:

1️⃣ length

👉 Возвращает длину строки (количество символов).

let str = "JavaScript";
console.log(str.length); // 10

2️⃣ toUpperCase()

👉 Переводит строку в верхний регистр (большие буквы).

let str = "hello";
console.log(str.toUpperCase()); // "HELLO"

3️⃣ toLowerCase()

👉 Переводит строку в нижний регистр (маленькие буквы).

let str = "HELLO";
console.log(str.toLowerCase()); // "hello"

4️⃣ trim()

👉 Убирает пробелы в начале и в конце строки.

let str = "   hi there   ";
console.log(str.trim()); // "hi there"

5️⃣ includes()

👉 Проверяет, содержит ли строка подстроку.

let str = "I love JavaScript";
console.log(str.includes("love")); // true
console.log(str.includes("Python")); // false

6️⃣ indexOf()

👉 Возвращает индекс первого вхождения подстроки. Если нет — -1.

let str = "Hello World";
console.log(str.indexOf("World")); // 6
console.log(str.indexOf("Python")); // -1

7️⃣ lastIndexOf()

👉 Возвращает индекс последнего вхождения подстроки.

let str = "Hello Hello World";
console.log(str.lastIndexOf("Hello")); // 6

8️⃣ slice(start, end)

👉 Вырезает часть строки (от start до end, не включая end).

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

9️⃣ substring(start, end)

👉 Похож на slice(), но не принимает отрицательные индексы.

let str = "JavaScript";
console.log(str.substring(0, 4)); // "Java"

🔟 replace()

👉 Заменяет первую найденную подстроку на новую.

let str = "I love JavaScript";
console.log(str.replace("JavaScript", "Python"));
// "I love Python"

1️⃣1️⃣ replaceAll()

👉 Заменяет все вхождения подстроки.

let str = "Hello Hello";
console.log(str.replaceAll("Hello", "Hi"));
// "Hi Hi"

1️⃣2️⃣ split()

👉 Делит строку на массив по указанному разделителю.

let str = "apple,banana,orange";
let arr = str.split(",");
console.log(arr); // ["apple", "banana", "orange"]

1️⃣3️⃣ charAt(index)

👉 Возвращает символ по индексу.

let str = "JavaScript";
console.log(str.charAt(0)); // "J"

1️⃣4️⃣ charCodeAt(index)

👉 Возвращает Unicode-код символа по индексу.

let str = "A";
console.log(str.charCodeAt(0)); // 65

1️⃣5️⃣ concat()

👉 Соединяет строки.

let str1 = "Hello";
let str2 = "World";
console.log(str1.concat(" ", str2)); // "Hello World"

Бесконечный источник референсов для перехода от Figma к HTML/CSS.

Макеты веб-дизайна: обновляются ежедневно — отличный материал для портфолио.

Идеально для быстрой работы — готовый макет, и вам остаётся лишь сверстать.

Link " Click "