Методы массивов. Часть 3
Часть раздела Основы путешествия по JavaScript на Coddy — урок 68 из 77.
Вот еще несколько полезных методов массива:
1. concat(): Объединяет два или более массива и возвращает новый массив, не изменяя исходные массивы.
let arr1 = [1, 2];
let arr2 = [3, 4];
let combined = arr1.concat(arr2);
console.log(combined); // Вывод: [1, 2, 3, 4]2. join(separator): Объединяет все элементы массива в строку, разделенную указанным разделителем (необязательно).
let fruits = ["apple", "banana", "orange"];
let joined = fruits.join(", ");
console.log(joined); // Вывод: "apple, banana, orange"3. slice(start, end): Извлекает часть массива и возвращает новый массив. Индекс start включается, а индекс end — нет.
let numbers = [1, 2, 3, 4, 5];
let sliced = numbers.slice(1, 4);
console.log(sliced); // Вывод: [2, 3, 4]4. splice(start, deleteCount, item1, item2, ...): Изменяет содержимое массива, удаляя, заменяя или добавляя элементы. Он изменяет исходный массив и возвращает массив, содержащий удаленные элементы (если они есть).
let numbers = [1, 2, 3, 4, 5];
let removed = numbers.splice(2, 2, 6, 7);
console.log(numbers); // Вывод: [1, 2, 6, 7, 5]
console.log(removed); // Вывод: [3, 4]5. split(separator, limit): Разбивает строку на массив подстрок на основе указанного разделителя. Исходная строка не изменяется. Необязательный параметр limit управляет максимальным количеством разбиений.
let text = "apple,banana,orange";
let result = text.split(",");
console.log(result);
// Вывод: ["apple", "banana", "orange"]
let limited = text.split(",", 2);
console.log(limited);
// Вывод: ["apple", "banana"]Задание
ЛегкоВам дан массив numbers = [1, 2, 3, 4, 5]. Выполните следующие шаги и выведите результаты напрямую:
- Используйте
concat(), чтобы добавить[6, 7, 8]в конец массива, и выведите результат. - Используйте
join(), чтобы преобразовать результатconcat()в строку, разделенную запятыми, и выведите ее. - Используйте
slice(), чтобы извлечь первые три элемента из оригинального массиваnumbers, и выведите их. - Используйте
splice(), чтобы заменить второй элемент массиваnumbersна99, и выведите измененный массивnumbers.
Шпаргалка
Методы массивов для манипуляции и извлечения:
concat(): Объединяет массивы, не изменяя оригиналы
let arr1 = [1, 2];
let arr2 = [3, 4];
let combined = arr1.concat(arr2);
console.log(combined); // Результат: [1, 2, 3, 4]join(separator): Объединяет элементы массива в строку
let fruits = ["apple", "banana", "orange"];
let joined = fruits.join(", ");
console.log(joined); // Результат: "apple, banana, orange"slice(start, end): Извлекает часть массива (начало включительно, конец не включая)
let numbers = [1, 2, 3, 4, 5];
let sliced = numbers.slice(1, 4);
console.log(sliced); // Результат: [2, 3, 4]splice(start, deleteCount, item1, item2, ...): Изменяет исходный массив, удаляя, заменяя или добавляя элементы
let numbers = [1, 2, 3, 4, 5];
let removed = numbers.splice(2, 2, 6, 7);
console.log(numbers); // Результат: [1, 2, 6, 7, 5]
console.log(removed); // Результат: [3, 4]split(separator, limit): Разбивает строку на массив подстрок
let text = "apple,banana,orange";
let result = text.split(",");
console.log(result); // Результат: ["apple", "banana", "orange"]
let limited = text.split(",", 2);
console.log(limited); // Результат: ["apple", "banana"]Попробуйте сами
let numbers = [1, 2, 3, 4, 5];В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Основы
4Операторы. Часть 2
Логические операторы. Часть 1Логические операторы. Часть 2Повторение — простая логикаЛогические операторы. Часть 3Приведение типов7Калькулятор разделения счета
Приветственное сообщениеРасчет чаевых и общей суммы2Переменные
ЧислаСтрокиBooleanПравила именованияПустые переменныеИтоги: Инициализация переменныхКонстанты5Принятие решений
Оператор IfКонструкция If - ElseПовторение — Простой калькуляторВложенные конструкции If - ElseОператор Switch3Операторы, часть 1
Арифметические операторыОператор остатка от деленияАрифметические сокращенияОператоры сравненияСтрогое и нестрогое равенствоПовторение: простая математика6Основы ввода-вывода
ВыводВывод с переменнымиПреобразование типов — Часть 1Преобразование типов — Часть 2Повторение — До 120Повторение — True или False9Функции
Объявление функцииАргументыВозврат значенияПовторение: функция SigmaФункциональное выражениеПараметры по умолчаниюСтрелочные функцииПовторение: функция валидации12Массивы. Часть 2
Перебор массивовМетод forEachЦикл for...ofПовторение — счетчик PСрезы массивовМетоды массивов. Часть 3Методы массивов. Часть 4Проверка на вхождение