템플릿 리터럴을 사용하는 문자열(freecodecamp 노트)

ES6 템플릿 리터럴은 여러 줄 문자열을 만들고 문자열 보간 기능을 사용하여 문자열을 만들 수 있는 새로운 기능입니다.

백틱과 함께 템플릿 리터럴 구문을 사용하여 목록 요소(li) 문자열의 배열을 만듭니다. 각 목록 요소의 텍스트는 결과 개체의 실패 속성에 있는 배열 요소 중 하나여야 하며 값이 text-warning인 클래스 속성이 있어야 합니다. makeList 함수는 목록 항목 문자열의 배열을 반환해야 합니다.

반복자 메서드(모든 종류의 루프)를 사용하여 원하는 출력을 얻습니다(아래 참조).

[
  '<li class="text-warning">no-var</li>',
  '<li class="text-warning">var-on-top</li>',
  '<li class="text-warning">linebreak</li>'
]


반복자를 사용하라는 요청을 받았기 때문에 지도 기능을 사용할 것입니다. 배열 처리에서 지도 사용을 확인할 수 있는 좋은 기사가 있습니다https://www.digitalocean.com/community/tutorials/4-uses-of-javascripts-arraymap-you-should-know.

그것으로 우리에게 주어진 운동은

const result = {
  success: ["max-length", "no-amd", "prefer-arrow-functions"],
  failure: ["no-var", "var-on-top", "linebreak"],
  skipped: ["no-extra-semi", "no-dup-keys"]
};
function makeList(arr) {

  const failureItems //


  return failureItems;
}

const failuresList = makeList(result.failure);


그리고 지도 기능을 사용하는 답

const result = {
  success: ["max-length", "no-amd", "prefer-arrow-functions"],
  failure: ["no-var", "var-on-top", "linebreak"],
  skipped: ["no-extra-semi", "no-dup-keys"]
};
function makeList(arr) {
  // Only change code below this line
  const failureItems = arr.map(e=>`<li class="text-warning">${e}</li>`)

  // Only change code above this line

  return failureItems;
}

const failuresList = makeList(result.failure);

좋은 웹페이지 즐겨찾기