템플릿 리터럴을 사용하는 문자열(freecodecamp 노트)
5800 단어 reactprogrammingjavascript
백틱과 함께 템플릿 리터럴 구문을 사용하여 목록 요소(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);
Reference
이 문제에 관하여(템플릿 리터럴을 사용하는 문자열(freecodecamp 노트)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/naveenkolambage/strings-using-template-literals-freecodecamp-notes-52fe텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)