Часто используемые методы для массивов JavaScript


ПОЧЕМУ.

Пересматриваю манипуляции с массивами, так как они становятся скучными.


Filter — фильтрация по условиям аргумента.

Действия

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];

const result = words.filter(word => word.length > 6);

console.log(result);
Войдите в полноэкранный режим Выход из полноэкранного режима

Таким образом, в качестве аргумента вводится условное выражение, и массив фильтруется по этому условию.


Примеры того, как это может быть использовано в продукте

https://blog.oliverjumpertz.dev/10-important-array-methods-in-javascript-explained

const customers = [
  {
    id: 1,
    address: {
      number: "1-1-1" ,
      zipCode: "123-1111" ,
    } 
  },
  {
    id: 2,
    address: {
      number: "2-2-2",
      zipCode: "123-2222" ,
    } 
  },
]
const getElibgleCustomers = (customers, zipCode) => {
  return customers.filter(
    (customer) => customer.address.zipCode === zipCode
  );
}
const results = getElibgleCustomers(customers, "123-2222")

console.log(results);

// [ { id: 2, address: { number: '2-2-2', zipCode: '123-2222' } } ]

Войдите в полноэкранный режим Выход из полноэкранного режима

С данными клиентов и условиями для сужения поиска
Сужение круга.



включает — фильтрацию по значению аргумента.

https://blog.oliverjumpertz.dev/10-important-array-methods-in-javascript-explained#heading-5-includes

const numbers = [1, 2, 3, 4, 5];

const includesFive = numbers.includes(5);
Войдите в полноэкранный режим Выход из полноэкранного режима

Возвращает только те массивы, которые содержат условие аргумента.



reduce — Lisp-подобная обработка аргументов.

Lisp-подобная обработка. Выполняет операции по очереди, начиная слева.



map — Применяет функцию аргумента к каждому элементу массива.

https://www.w3schools.com/jsref/jsref_map.asp#:~:text=Определение%20и%20Использование, не%20изменение%20оригинального%20массива.

Выполнить функцию аргумента для каждого из массива. Просто.

Оцените статью
devanswers.ru
Добавить комментарий