안녕하세요
7월21일45일차 - 배열2 화살표함수 본문
// 화살표함수에 중괄호{}를 쓰려면 {} 안에 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;
'프론트엔드 국비교육' 카테고리의 다른 글
7월25일47일차 - 리액트 시작, 기본 구성 (0) | 2022.07.25 |
---|---|
7월22일46일차 - js로 시계 구현 (0) | 2022.07.24 |
7월19일43일차 - 객체생성, 메소드 , 비구조화할당 (0) | 2022.07.19 |
7월18일42일차 - 함수, 호이스팅 (0) | 2022.07.18 |
7월11일37일차 - javascript기초시작, rolling letter (0) | 2022.07.11 |