안녕하세요

7월21일45일차 - 배열2 화살표함수 본문

프론트엔드 국비교육

7월21일45일차 - 배열2 화살표함수

sakuraop 2022. 7. 21. 23:50

     // 화살표함수에 중괄호{}를 쓰려면 {} 안에 return을 넣어주어야 합니다.
      const A = DATA.map((data) => {
        return `<li>${data.content}</li>`;
      });
      
      화살표함수의 장점은 한 줄로 표기가 가능하다는 것입니다. 가급적이면 가독성이 높은 방향으로 표현합니다.
      const RESULT = DATA.map((data) => `<li>${data.content}</li>`);
      console.log(RESULT);
      
      html에 출력을 하려면 선택된 객체의 .innerHTML 을 수정하면 됩니다.
      html에서는 ","가 같이 나타나기 때문에 join 함수로 없애줍니다.
      const RESULT = DATA.map((data) => `<li>${data.content}</li>`).join("");
      console.log(RESULT);
      document.querySelector("#UL").innerHTML = RESULT;