Hey Tech
[JavaScript] ๋ฐฐ์ด ๋ด ์กฐ๊ฑด์ ๋ง์กฑํ๋ ์์ ์ฐพ๊ธฐ(filter ํจ์) ๋ณธ๋ฌธ
SW ๊ฐ๋ฐ/Vanilla JS
[JavaScript] ๋ฐฐ์ด ๋ด ์กฐ๊ฑด์ ๋ง์กฑํ๋ ์์ ์ฐพ๊ธฐ(filter ํจ์)
Tony Park 2021. 12. 2. 20:18728x90
๋ฐ์ํ
๐ก ๋ชฉํ
JavaScript์์ ๋ฐฐ์ด ๋ด ์กฐ๊ฑด์ ๋ง์กฑํ๋ ์์๋ฅผ ์ฐพ๋ filter ํจ์์ ํ์ฉ๋ฒ์ ๋ํด ํ์ตํ๋ค.
ํจ์ ์ํ(๊ธฐ๋ณธ)
๋ฐฐ์ด.filter(์ฝ๋ฐฑํจ์(๊ฐ, ์ธ๋ฑ์ค, ๋ฐฐ์ด ์์ ));
filter ํจ์๋ ์ ๋ฌ์ธ์๊ฐ ๋ฐฐ์ด ๋ด ์์ ๊ฐ, ์ธ๋ฑ์ค, ๋ฐฐ์ด ์์ ์ธ ์ฝ๋ฐฑํจ์๋ฅผ ๋ฐ๋ ํจ์๋ก,
ํน์ ์กฐ๊ฑด์ ๋ง์กฑํ๋ ์์๋ง ๋ฐํํ๋ ํจ์์ ๋๋ค.
์์ 1
let arr1 = [1, 30, 39, 29, 10, 13];
function filterFunction1(value){
return value < 30;
};
let arrFiltered = arr1.filter(filterFunction1);
console.log(arrFiltered);
filter ํจ์๋ฅผ ํ์ฉํ์ฌ 30๋ณด๋ค ์์ ์์๋ง ์ ํํ ์ ์์ต๋๋ค.
์คํ ๊ฒฐ๊ณผ1
[ 1, 29, 10, 13 ]
์์ 2
let arr2 = ['tiger', 'lion', 'dog', 'cat'];
let arrFiltered2 = arr2.filter((value) => value.length >=4);
console.log(arrFiltered2);
๋ฐฐ์ด ๋ด 4๊ธ์ ์ด์์ธ ์์๋ง ์ฐพ๋ ์์ ์ ๋๋ค.
๋๋ค ํจ์๋ฅผ ํ์ฉํ์์ผ๋ฉฐ ๋ฆฌํด ๋ฌธ๋ฒ์ ์๋ตํ์ฌ ์ค๊ดํธ ์ญ์ ์๋ตํจ์ผ๋ก์จ ์ฝ๋๋ฅผ ๊ฐ๊ฒฐํ๊ฒ ์์ฑํ์์ต๋๋ค.
์คํ ๊ฒฐ๊ณผ2
[ 'tiger', 'lion' ]
ํฌ์คํ ๋ด์ฉ์ ์ค๋ฅ๊ฐ ์๋ค๋ฉด ์๋์ ๋๊ธ ๋จ๊ฒจ์ฃผ์ธ์!
๊ทธ๋ผ ์ค๋๋ ์ฆ๊ฒ๊ณ ํ๋ณตํ ํ๋ฃจ ๋ณด๋ด์๊ธธ ๋ฐ๋๋๋ค.
๊ณ ๋ง์ต๋๋ค :)
728x90
๋ฐ์ํ
'SW ๊ฐ๋ฐ > Vanilla JS' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
Comments