배열 함수의 한 종류인 filter함수를 배우다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// Filter 함수
// 배열 안에서 특정 조건에 해당되는 것만 추려낼 때
// 사용하는 함수
const numberList = [1, 2, 3, 4, 5, 6]
const isEven = num => num%2==0
// Case 1
// const evenNum = numberList.filter(isEven)
// Case 2
const evenNum = numberList
.filter(num => num%2==0)
.map(item => item * 3)
console.log(evenNum);
</script>
</body>
</html>배열내 요소를 filter 조건에 true인 경우만 필터링하는 filter함수이다.
Case 1은 함수를 따로 만들어서 filter 함수로 배열 내 각각의 요소들이 조건이 충족하는지 확인한다.
Case 2는 filter 함수에서 화살표함수를 사용한 방법이다.
'Front-End > 5. 프로그래밍 패러다임' 카테고리의 다른 글
| Ex08_reduce.html (0) | 2023.07.06 |
|---|---|
| Ex06_map.html (0) | 2023.07.04 |
| Ex05_순수함수html (0) | 2023.07.04 |
| Ex04_객체지향자판기수출.html (0) | 2023.07.04 |
| Ex03_객체지향자판기.html (0) | 2023.07.04 |
