Методы массивов JavaScript: сопоставление нового массива

«Отобразить новый массив» в JavaScript означает применить преобразование или операцию к каждому элементу массива и вернуть новый массив с преобразованными значениями. Вот несколько методов, которые можно использовать для достижения этой цели:

  1. Array.prototype.map():
    Метод map()создает новый массив с результатами вызова предоставленной функции для каждого элемента вызывающего массива.

Пример:

const numbers = [1, 2, 3];
const doubledNumbers = numbers.map((num) => num * 2);
console.log(doubledNumbers); // Output: [2, 4, 6]
  1. Array.from():
    Метод Array.from()создает новый, частично скопированный экземпляр Array из массивоподобного или итерируемого объекта.

Пример:

const string = 'Hello';
const charArray = Array.from(string);
console.log(charArray); // Output: ['H', 'e', 'l', 'l', 'o']
  1. Синтаксис расширения (…)
    Синтаксис расширения можно использовать для создания нового массива путем расширения элементов существующего массива.

Пример:

const numbers = [1, 2, 3];
const newArray = [...numbers];
console.log(newArray); // Output: [1, 2, 3]
  1. Array.prototype.filter() с Array.prototype.map():
    Вы можете комбинировать filter()и map()для фильтрации определенных элементы из массива, а затем создайте новый массив с преобразованными остальными элементами.

Пример:

const numbers = [1, 2, 3, 4, 5];
const filteredAndMappedArray = numbers
  .filter((num) => num % 2 === 0) // Filter even numbers
  .map((num) => num * 2); // Double the remaining numbers
console.log(filteredAndMappedArray); // Output: [4, 8]