반응형
Method Chaining
- 임시 객체를 이용하여 메서드를 연속적으로 호출하는 코딩 기법
- 과도한 메서드 체이닝은 가독성을 떨어뜨린다.
▶ 예시
아래 배열에서 짝수만 도출한 뒤 이를 두배하시오.
num = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
<body>
<script>
let num = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
console.log(num.filter((value) => {if ((value & 2) === 0) return true;})
.map((value) => value * 2))
</script>
</body>
풀어서 쓴 문장
<body>
<script>
let cdEvenProc = function(value)
{
if ((value % 2) === 0)
return true
}
let cdDoubleProc = function(value)
{
return value * 2
}
const ar = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
const resultNum = ar.filter(cdEvenProc).map(cdDoubleProc)
console.log(resultNum)
</script>
</body>
반응형
'JavaScript' 카테고리의 다른 글
| [JavaScript] 함수 호출시 주의사항(선언함수 vs 익명함수), Hoisting (0) | 2022.04.12 |
|---|---|
| [JavaScript] IIFE(즉시 실행 함수 표현식), strict mode(엄격 모드) (0) | 2022.04.12 |
| [JavaScript] Arrow function Expression (화살표 함수) (0) | 2022.04.12 |
| [JavaScript] Callback function(콜백 함수), forEach, map, filter (0) | 2022.04.12 |
| [JavaScript] type에 따른 bubble sort(버블 소트) 예제 (0) | 2022.04.11 |