-
null 병합 연산자를 이용해 코드 개선하기, reduce 함수 구현해보기🍓𝗪𝗲𝗯/𝖩𝖺𝗏𝖺𝖲𝖼𝗋𝗂𝗉𝗍 2021. 9. 9. 23:30
콜백함수를 이용하여 나만의 reduce함수 만들기
reduce는 initialValue가 있으면, initialValue를 처음으로 하여, reduce를 해간다.
accumulator = initialValue
initialValue가 없으면, array의 첫번째 원소값을 처음으로 하여, reduce를 해간다.
accumulator = array[0]
이 부분을 코드로 처음 구현했을 때는 아래와 같았다.
삼항연산자나 null 병합 연산자를 사용하라는 코드리뷰를 받고 개선해보았다!
null 병합연산자는 처음 알게 되었다.
null 병합연산자 ??
??는 null 병합연산자로, 짧은 문법으로 여러 피연산자 중 값이 확정되어있는 변수를 찾을 수 있다.
a ?? b의 경우
a가 null도 아니고 undefined도 아니면 a, 그 외의 경우는 b 를 의미한다.
이를 삼항연산자로 표현하면, x = (a !== null && a !== undefined) ? a : b; 이다.
개선한 코드
오 .. 새로운 문법을 알고 적용했더니 진짜 간단해졌다!
나만의 Custom Reduce 함수 만들어보기
null 병합 연산자를 공부할 때, https://ko.javascript.info/nullish-coalescing-operator 이 글을 참고했습니다!
'🍓𝗪𝗲𝗯 > 𝖩𝖺𝗏𝖺𝖲𝖼𝗋𝗂𝗉𝗍' 카테고리의 다른 글
Local Storage 사용하기 (0) 2021.09.23 SPA란? (0) 2021.08.20 JavaScript padStart() padEnd()로 채우기 (0) 2021.07.14 JavaScript 정규식 활용 이메일 체크 (0) 2021.07.13 JavaScript preventDefault()란? (0) 2021.07.13