Menu
Coddy logo textTech

Методы массивов. Часть 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"]
challenge icon

Задание

Легко

Вам дан массив numbers = [1, 2, 3, 4, 5]. Выполните следующие шаги и выведите результаты напрямую:

  1. Используйте concat(), чтобы добавить [6, 7, 8] в конец массива, и выведите результат.
  2. Используйте join(), чтобы преобразовать результат concat() в строку, разделенную запятыми, и выведите ее.
  3. Используйте slice(), чтобы извлечь первые три элемента из оригинального массива numbers, и выведите их.
  4. Используйте 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];
quiz iconПроверьте себя

В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.

Все уроки раздела Основы