자바스크립트 filter() 메서드

4194 단어 javascript
JavaScript의 Array 메서드에 대한 설명을 실제로 한 적이 없다고 생각했습니다. 이것들은 우리의 삶을 더 쉽게 만드는 방법입니다.

이러한 방법이 존재하기 전에 어떻게 이해해야 하는지 설명하려면 수동 루프를 만들고 거기에 필터를 만들어야 합니다.

자바스크립트 filter() 메서드 사용



가격이 있는 품목 목록을 만들어 봅시다.

const items = [
  { name: 'T-shirt plain', price: 9 },
  { name: 'T-shirt print', price: 20 },
  { name: 'Jeans', price: 30 },
  { name: 'Cap', price: 5 }
];


이제 10$가 넘는 모든 항목을 필터링하려고 한다고 가정해 보겠습니다.

const filter = items.filter(item => item.price > 10);
// [ { name: 'T-shirt print', price: 20 }, { name: 'Jeans', price: 30 } ]


이 구문의 작동 방식:

const new = original.filter(function);


new가 배열을 사용할 새로운 것이 될 때 original이 소스이고 적용하려는 함수를 전달합니다.

그래서 이전에는 어떻게 생겼습니까?

이 같은.

let output = [];
for(var i = 0; i < items.length; i++) {
  if (items[i].price > 10) output.push(items[i]);
}
// [ { name: 'T-shirt print', price: 20 }, { name: 'Jeans', price: 30 } ]


또한 잘 작동하지만 특히 고급 필터의 경우 배열 방법을 사용하면 훨씬 빨라집니다.

읽어주셔서 감사합니다. 연결해 보겠습니다!



제 블로그를 읽어주셔서 감사합니다. 내 이메일 뉴스레터를 구독하고 Facebook 또는

좋은 웹페이지 즐겨찾기