2021년 05월 28일

Note

JavaScript

Array.prototype.reduce()

• 리듀서 함수를 실행, 하나의 결과값을 반환
• 인자 4개
  • 누산기
  • 현재 값
  • 현재 인덱스
  • 원본 배열
• 함수의 반환 값은 누산기에 할당된다. 결국 최종 결과는 하나의 값이 되는 것

const getHtml = function (data) {
    return data.reduce((html, item) => {
        html += `<li>${item.text}</li>`
        return html 
    }, `<ul>`) + `</ul>` 
}

• <ul>은 최초 호출에서 첫 번째 인수에 제공하는 값, 제공하지 않으면 배열의 첫 번째 요소를 초기값으로 한다.

log

• 🎾 오늘도 시합을 했다. 계속 폼이 안나오는 이유를 알게되었는데 배드민턴 치던 습관때문에 공밑으로 항상 내가 이동을 하는게 문제였다. 테니스공은 튀어오르기 때문에 그 거리를 가늠하는게 관건이라는 생각이 들었다. 다음번에 꼭 연습하도록 해야겠다.