πŸ‘‰πŸ» JS : filter ν•¨μˆ˜

sebinnnnnΒ·2023λ…„ 1μ›” 30일
0

JavaScript 기초

λͺ©λ‘ 보기
6/8
post-thumbnail

πŸ’‘ filter ν•¨μˆ˜λŠ” μžλ°”μŠ€ν¬λ¦½νŠΈμ˜ λ°°μ—΄ ν•¨μˆ˜ μ€‘μ—μ„œ κ°€μž₯ 많이 μ‚¬μš©λ˜λŠ” ν•¨μˆ˜ 쀑 ν•˜λ‚˜λ‹€.
(μžλ°”μŠ€ν¬λ¦½νŠΈ λ°°μ—΄μ˜ ν•¨μˆ˜ 쀑 κ°€μž₯ 많이 μ‚¬μš©λ˜λŠ” 것은 보톡 map, filter, reduce…)

filter ν•¨μˆ˜ β†’ λ§κ·ΈλŒ€λ‘œ 무엇인가λ₯Ό κ±ΈλŸ¬μ£ΌλŠ” ν•¨μˆ˜
주둜 νŠΉμ • 쑰건을 λ§Œμ‘±ν•˜λŠ” μƒˆλ‘œμš΄ 배열을 생성할 λ•Œ μ‚¬μš©ν•˜λŠ” κ²½μš°κ°€ λ§Žλ‹€!

πŸ“ [ ꡬ체적인 μ˜ˆμ‹œλ‘œ filter ν•¨μˆ˜ μ‚΄νŽ΄λ³΄κΈ° ]

const number_list = [1, 2, 3, 4, 5];
const result = number_list.filter(number => number > 2);
// number_list μš”μ†Œλ“€ μ€‘μ—μ„œ 2보닀 큰 숫자(number)듀을 가져와 μƒˆλ‘œ resultλΌλŠ” 배열을 생성 

// [3, 4, 5]좜λ ₯

β†’ λ°˜λ³΅λ¬ΈμœΌλ‘œλ„ ν‘œν˜„ν•  수 μžˆμ§€λ§Œ filter을 μ‚¬μš©ν•˜λ©΄ 순회 μ½”λ“œλ₯Ό μž‘μ„±ν•˜μ§€ μ•Šκ³ λ„ ν‘œν˜„ν•  수 μžˆλ‹€.

const number_list = [1, 2, 3, 4, 5];
const result = [];

for (i = 0; i < number_list.length; i++) {
    const number = numbers[i];

    if (number > 3) {
        result.push(number);
    }
}

// μœ„μ— filter ν•¨μˆ˜λ₯Ό μ‚¬μš©ν•œ 예제λ₯Ό for문으둜 ν‘œν˜„ν•œ 것!
// for문은 반볡의 λ²”μœ„λ₯Ό μ •ν•΄μ•Ό ν•œλ‹€λŠ” νŠΉμ§•μ΄ μžˆλ‹€.
// ν•˜μ§€λ§Œ filter은 λ²”μœ„λ₯Ό μ§€μ •ν•˜μ§€ μ•Šμ•„λ„ 순차적으둜 μ ‘κ·Όν•œλ‹€λŠ” νŠΉμ§•μ΄ μžˆμ–΄μ„œ 많이 μ‚¬μš©!
// μš”μ†Œλ“€μ˜ μ‹œμž‘μ μ΄λ‚˜ μ¦κ°ν‘œν˜„μ„ ν•˜μ§€ μ•Šμ•„λ„ ν•˜λ‚˜μ”© μ ‘κ·Ό
profile
🏠 λΈ”λ‘œκ·Έ 이전 쀑 β†’ https://medium.com/@sebinndev

0개의 λŒ“κΈ€