JavaScript Nuggets — Фильтровать и находить

В этой статье, которая является второй в этой серии, я объясню методы filter() и find().

Фильтр возвращает новый массив. Отличие от метода map() в том, что он может манипулировать размером нового массива. Если совпадений по условию нет, возвращает пустой массив.

const people = [
  {
    name: 'Ceren',
    age: 29
  },
  {
    name:'Esra',
    age:34
  },
  {
    name:'Aslı',
    age:20
  }
];
const young= people.filter((person)=>{
  return person.age <30;
});
console.log(young); //[{name:'Ceren',age:29},{name:'Aslı',age:20}]
// no match
const name= people.filter((person)=> person.name === 'Seda';
);
console.log(name); //[]

Метод Find возвращает один объект и первое совпадение по условию. Если совпадений нет, возвращает undefined.

const people = [
  {
    name: 'Ceren',
    age: 29
  },
  {
    name:'Esra',
    age:34
  },
  {
    name:'Aslı',
    age:20
  }
];
// first match
const young= people.find((person)=>{
  return person.age <30;
});
console.log(young); //{name:'Ceren',age:29}
// no match
const name= people.find((person)=> person.name === 'Seda';
);
console.log(name); //undefined
const animals= ['dog','duck','giraffe','camel'];
const animal= animals.find((animal)=> animal === 'giraffe');
console.log(animal); // giraffe

Я попытался объяснить методы filter() и find(), которые являются методами JavaScript. Если вы хотите увидеть более подробную информацию, вы можете просмотреть мои коды в моем профиле Github.

Если у меня есть какие-либо ошибки, сообщите мне об этом.

Спасибо!

Вы можете связаться со мной здесь,

LinkedIn: https://www.linkedin.com/in/cerensolpan/

GitHub: https://github.com/cerensolpan