Массивы JavaScript — одна из фундаментальных структур данных, используемых в веб-разработке. При подготовке к собеседованию по JavaScript крайне важно иметь четкое представление о методах манипулирования массивами и их применении. В этой статье блога мы рассмотрим различные методы работы с массивами JavaScript, часто обсуждаемые в интервью, и приведем примеры кода для каждого из них. Давайте погрузимся!

1. push():
   Метод push() добавляет один или несколько элементов в конец массива и возвращает новую длину массива.

   const fruits = ['apple', 'banana', 'orange'];
   fruits.push('mango');
   console.log(fruits); // Output: ['apple', 'banana', 'orange', 'mango']

2. pop():
   Метод pop() удаляет последний элемент из массива и возвращает этот элемент.

   const fruits = ['apple', 'banana', 'orange'];
   const removedFruit = fruits.pop();
   console.log(removedFruit); // Output: 'orange'
   console.log(fruits); // Output: ['apple', 'banana']

3. shift():
   Метод сдвиг() удаляет первый элемент из массива и возвращает этот элемент.

   const fruits = ['apple', 'banana', 'orange'];
   const removedFruit = fruits.shift();
   console.log(removedFruit); // Output: 'apple'
   console.log(fruits); // Output: ['banana', 'orange']

4. unshift():
   Метод unshift() добавляет один или несколько элементов в начало массива и возвращает новую длину массива.

   const fruits = ['apple', 'banana', 'orange'];
   fruits.unshift('mango');
   console.log(fruits); // Output: ['mango', 'apple', 'banana', 'orange']

5. concat():
   Метод concat() объединяет два или более массива и возвращает новый массив.

   const fruits = ['apple', 'banana'];
   const vegetables = ['carrot', 'broccoli'];
   const combined = fruits.concat(vegetables);
   console.log(combined); // Output: ['apple', 'banana', 'carrot', 'broccoli']

6. slice():
   Метод слайс() возвращает неполную копию части массива в новый массив.

   const fruits = ['apple', 'banana', 'orange', 'mango'];
   const slicedFruits = fruits.slice(1, 3);
   console.log(slicedFruits); // Output: ['banana', 'orange']

7. splice():
   Метод splice() изменяет содержимое массива, удаляя, заменяя или добавляя элементы.

   const fruits = ['apple', 'banana', 'orange'];
   fruits.splice(1, 1, 'mango', 'grape');
   console.log(fruits); // Output: ['apple', 'mango', 'grape', 'orange']

8. indexOf():
   Метод indexOf() возвращает первый индекс, по которому данный элемент найден в массиве, или -1, если не найден.

   const fruits = ['apple', 'banana', 'orange'];
   const index = fruits.indexOf('banana');
   console.log(index); // Output: 1

9. includes():
   Метод include() проверяет, содержит ли массив определенный элемент, и возвращает true или false.

   const fruits = ['apple', 'banana', 'orange'];
   const hasBanana = fruits.includes('banana');
   console.log(hasBanana); // Output: true

10. find():
    Метод find() возвращает первый элемент массива, который удовлетворяет предоставленной функции тестирования.

    const numbers = [10, 20, 30, 40, 50];
    const evenNumber = numbers.find((num) => num % 2 === 0);
    console.log(evenNumber); // Output: 20

В этой статье мы рассмотрели десять основных методов работы с массивами JavaScript, которые часто встречаются в сценариях собеседований. Эти методы предоставляют мощные инструменты для управления массивами, и их крайне важно освоить любому разработчику JavaScript. Поняв эти методы и попрактиковавшись в их использовании, вы будете лучше подготовлены к решению вопросов, связанных с кодированием массивов, на собеседованиях.