자바스크립트 filter() 메서드
4194 단어 javascript
이러한 방법이 존재하기 전에 어떻게 이해해야 하는지 설명하려면 수동 루프를 만들고 거기에 필터를 만들어야 합니다.
자바스크립트 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 또는
Reference
이 문제에 관하여(자바스크립트 filter() 메서드), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/dailydevtips1/javascript-filter-function-17ah텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)