본문 바로가기

Javascript/이론+예제

배열함수 filter()

filter()

: 조건을 넣고, 조건에 대해 참인 것만 반환해주는 함수

얘는 map()이랑 비슷하지만, return 하는 곳에 조건을 넣어줘야해

무슨 소리냐면..

let names = [
    "Steven Paul Jobs",
    "Bill Gates",
    "Mark Elliot Zuckerberg",
    "Elon Musk",
    "Jeff Bezos",
    "Warren Edward Buffett",
    "Larry Page",
    "Larry Ellison",
    "Tim Cook",
    "Lloyd Blankfein"
]

let result1 = names.filter((item) => {
    return item.startsWith('L')
})

console.log(result1)

이렇게 names에 있는 아이템 중 L로 시작하는 단어만 필터링 해줘!

라는 뜻으로 사용이 돼.

이것도 물론 반환값을 주기 때문에 return을 사용해야하고, 변수에 따로 저장을 해서 새로운 배열로 저장을 해야해!!

이거 정말 유용한듯?!

다른 예제는

let ceoList = [
    {name : "Larry Page", age : 23, ceo : true},
    {name : "Tim Cook", age : 40, ceo : true},
    {name : "Elon Musk", age : 55, ceo : false}
]

let result = ceoList.filter((item) => {
    return item.age == 23
})

console.log(result)

ceoList에서 age가 23인 객체만 필터링 해줘!

라는 뜻으로 사용이 돼.

증말 쉽제??

중요한 점은 꼭 조건이 true 여야만 필터함수가 실행된다는 점... 기억해요...

'Javascript > 이론+예제' 카테고리의 다른 글

배열 함수 every()  (0) 2022.10.20
배열함수 some()  (0) 2022.10.20
배열함수 map()  (0) 2022.10.20
배열함수 forEach()  (0) 2022.10.20
ES6 자바스크립트 최신 문법 정리  (0) 2022.10.20