Freecodecamp: ES6 : 템플릿 리터럴을 사용하여 문자열 만들기-테스트 실패-템플릿 문자열을 감지하지 못함

업데이트 : 캠프 참가자 중 한 명이 조사한 결과 스테이징 브랜치에서 문제를 해결 한 것 같지만 베타로 포팅되지 않았습니다.

스테이징에서 작동하는지 확인할 수 있지만 설명에 약간의 설명이 필요할 수 있다고 생각합니다.

비슷한 문제가있었습니다. 수축기에 동의하십시오. 다음과 같이 제안 된 테스트 케이스의 텍스트 변경 :

현재 : 템플릿 문자열이 사용되었습니다.
제안 : 템플릿 문자열은 map ()과 함께 사용되었습니다.

나는 오늘 이것을 조사했지만 .map () 사용이 필요하다는 것을 나타내지 않으며 .map ()을 사용하거나 사용하지 않고 해결 / 완료 할 수있었습니다. 그러므로 나는 이것이 어떤 변화가 필요하다고 생각하지 않습니까?

Paul (@PolarisTLX)과 Kyle (@ jklemon17)

나는 최근에 @mstellaluna 의 솔루션을 사용하여 이것을 확인했으며 @PolarisTLX 처럼지도를 사용하지 않고 해결했습니다. 지도를 사용하는 것이 아마도이 도전을 완료하는 가장 간결한 방법 일 것입니다. 그러나 저는 우리가 어떻게해야할지 사용자에게 맡겨야한다고 생각합니다. 사용자가 makeList 함수가 무엇을 반환해야하는지 알려주기 때문에 설명에 변경이 필요한지 잘 모르겠습니다.

map 가 이제 새 버전 에서 유일한 전달 방법 인 것 같습니다. 다음 두 가지 방법은 '템플릿 문자열이 사용되었습니다'에 실패했습니다.

const resultDisplayArray = [
  `<li class="text-warning">${arr[0]}</li>`,
  `<li class="text-warning">${arr[1]}</li>`,
  `<li class="text-warning">${arr[2]}</li>`
];

const resultDisplayArray = [];
  for (let i = 0; i < arr.length; i++) {
    resultDisplayArray.push(`<li class="text-warning">${arr[i]}</li>`)
  }

@yoizfefisch , 당신 말이 맞아요. 둘 다 유효한 솔루션이지만 통과하지 못합니다.

템플릿 리터럴에 대한 테스트 케이스가 충분히 유연하지 않은 것 같습니다.

getUserInput => assert(getUserInput('index').match(/\\`<li class=\"text-warning\">\\$\\{\\w+\\}<\\/li>\\`/g)

정규식은 다음 중괄호 앞에 대괄호를 예상하지 않으며 솔루션으로 인해 테스트가 실패합니다. 충분히 간단해야합니다. 나는 정규식에서 최고는 아니지만 위와 같은 다른 솔루션을 허용해야합니다.

\`<li \s*class\s*=\s*(\"\s*text-warning\s*\"|\'\s*text-warning\s*\')\s*>\s*\$\s*\{(\s*\w+\s*|\s*\w+\s*\[\s*[\w]+\s*\]\s*)\}\s*<\s*\/li\s*>\`

그러나 현재 테스트에서와 같이 일부 문자가 두 개의 슬래시로 이중 이스케이프되어야하는 위치를 정확히 모르겠습니다. 이 테스트를 업데이트하고 PR을 제출하는 데 관심이있는 사람이 있습니까?

또한 다음은 문제의 챌린지에 대한 업데이트 된 링크입니다.
https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals

또한 이것이 여전히 문제라고보고하고 싶습니다.지도가 솔루션에 적합합니다.

이번 주 초에 배포 된 FCC의 안정적인 ES6 버전에서 동일한 문제가 발생한다는 점을 고려할 때 내 코드를 고려할 때 의심의 여지가 있습니다. 누군가 나를 도울 수 있습니까?

내 코드는 다음과 같습니다 .https : //repl.it/repls/DizzyNiftyLocatorprogram

이 연습에서는 푸시가 작동하지 않습니다 (또는 작동하지 않거나
기타), .map 메소드를 사용하여 테스트를 통과하십시오.

마크 클라인 하우스
[email protected] [email protected]
206-234-4887

2018 년 6 월 3 일 일요일 오전 6:10, aenkirch [email protected] 은 다음과 같이 썼습니다.

FCC의 안정적인 ES6 버전에서 동일한 문제가 있다고 생각하면
이번 주 초에 배포 된 것입니다.
코드 .. 누군가 나를 도울 수 있습니까?

내 코드는 다음과 같습니다 .https : //repl.it/repls/DizzyNiftyLocatorprogram

—
댓글을 달았 기 때문에 수신 한 것입니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/freeCodeCamp/freeCodeCamp/issues/16358#issuecomment-394161176 ,
또는 스레드 음소거
https://github.com/notifications/unsubscribe-auth/AQdgL5WB3BsARAzpDfgyWHG8VsYm29yaks5t4-A3gaJpZM4ROiPm
.

result.failure를 매개 변수로 전달하고 있습니다.

정답은

//이 줄 아래 코드 변경
const resultDisplayArray = arr.map (x => <li class="text-warning">${x}</li> );

확인 :

const resultDisplayArray = arr.map((a) => {
  return `<li class="text-warning">${a}</li>`
});

공장
그러나

const resultDisplayArray = [
  `<li class="text-warning">${arr[0]}</li>`,
  `<li class="text-warning">${arr[1]}</li>`,
  `<li class="text-warning">${arr[2]}</li>`
];

작동하지 않습니다. 그리고 강의에는지도에 대한 언급이 없습니다.지도는이 섹션 뒤에 나오는 함수형 프로그래밍 섹션까지 커리큘럼에 소개되지 않았습니다.

@ P1xt 같은 문제가 있습니다. 고맙게도 나 뿐만이 아닙니다.

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

  // change code below this line
  const resultDisplayArray =
 [`<li class="text-warning">${arr[0]}</li>`, 
  `<li class="text-warning">${arr[1]}</li>`, 
  `<li class="text-warning">${arr[2]}</li>`];
  // change code above this line

  return resultDisplayArray;
}
/**
 * makeList(result.failure) should return:
 * [ <li class="text-warning">no-var</li>,
 *   <li class="text-warning">var-on-top</li>, 
 *   <li class="text-warning">linebreak</li> ]
 **/
const resultDisplayArray = makeList(result.failure);****

나도 같은 문제가있어

@ richa031 위에서 지적했듯이 접근 방식이 작동하지 않는 Array.map을 사용해야합니다.

내가 잘못 쓴 것이 있습니까? 여기서지도 기능을 사용하는 이유는 무엇입니까?

그것은 어리석은 문제이지만 작은 따옴표가 허용 가능한 솔루션이어야 할 때 문자열 리터럴 사이에도 큰 따옴표가 필요합니다.

계속해서 https://github.com/freeCodeCamp/freeCodeCamp/issues/16358#issuecomment -396369730,
이 둘 다 작동하지 않는다고 덧붙이고 싶습니다.

const resultDisplayArray = [];
  for (let i = 0; i < arr.length; i++) {
    resultDisplayArray[i] = `<li class="text-warning">${arr[i]}</li>`
  }

@kanexte 감사합니다

그냥 차임하고 나와 같은 문제가 있다고 언급하고 싶었습니다. 내가 아니라는 소식을 들으니 다행입니다. 곧 해결되기를 바랍니다.

같은 문제에 직면하고 있습니다. 이 챌린지를 공식적으로 미완료 상태로 유지하고 계속 진행해야 할 것 같습니다. IM (H) O-이 과제의 범위에서 인덱스로 배열 요소를 참조하는 것이 가장 우아한 솔루션이며 맵 / 루프를 사용하면 코드가 복잡해집니다.

나는 또한이 문제가 있습니다. 지도를 사용해 보았는데 이제 다음과 같은 오류가 발생합니다.

React가 정의되지 않았습니다.

나도 이걸 받고 있다고 생각했지만 여기에지도를 던지면 불필요하게 어려워집니다.

@ richa031 문제를 어떻게 해결 했

P1xt는 rigth array.map은이 과제의 핵심이지만 매개 변수로 함수를 취하는 것을 잊지 말아야합니다.

@Tirjasdyn i 같은 문제가 있습니다. fcc Es6 섹션이 너무 손상되었습니다. 매우 적은 지침. 이전 과제에서도 map (), filter (), reduce () 사용 방법에 대한 지침이 없습니다.

이 문제에 대한 적절한 해결책이 있습니까?

@ Omerdogan3 챌린지에서 원하는 출력을 볼 때 이것은 올바른 방법이 아닙니다.
makeList (result.failure)는 다음을 반환해야합니다.

• [
• no-var
,
• var-on-top
,
• 줄 바꿈
]
솔루션이 쉼표 또는 ','을 인쇄하지 않았기 때문입니다.

나는 테스트 케이스의 정규식이 너무 제한적이라는 @scissorsneedfoodtoo 와

나는 정규식 마법사가 아니지만 이것은 / <li class="text-warning">\$\{[\w\[\]]+\}<\/li> / g (문자열에 대해 이스케이프 된 백 슬래시 제외)와 함께 생각해 낸 것입니다. 이렇게하면 현재 정규식 테스트에서 허용되지 않는 것으로 보이는 대괄호 표기법 arr [i]로 배열에 액세스 한 for ... 루프 솔루션이 허용됩니다.

const resultDisplayArray = arr.map ((a) => {
<li class="text-warning">${a}</li> 반환
});``

여전히 Invalid regular expression flags

방금 Invalid regular expression flags

올바른 솔루션에도 여전히 오류가 발생합니다.

여전히> 유효하지 않은 정규식 플래그를 받고 있습니다.

안녕하세요. 이 지속적인 문제에 대해 알려 주셔서 감사합니다. 이 챌린지에 대한 정규식 테스트가 최근에 업데이트되었으며 곧 프로덕션으로 푸시되어야한다는 사실을 모두에게 알리고 싶었습니다.

다음과 같은 잘못된 정규식 플래그가 계속 발생합니다.

const resultDisplayArray = arr.map ((a) => {
<li class="text-warning">${a}</li> 반환
});

@ mirkocoppola80 예, 병합 / 빌드가 얼마나 자주 있는지 잘 모르겠습니다. 하지만 5 월 30 일 이후로는 한 번도하지 않은 것 같아 변경 사항이 적용되기를 기다리고 있습니다.

오늘의 정규 표현식 플래그가 잘못되었습니다. 업데이트를 기다리고 있습니다 ...

맵, for 루프 등으로 시도했지만 해결책을 찾지 못했습니다. 당신은 그것을 볼 수 있고, 아마도 핵심 아이디어를 발견했을 것입니다. https://www.youtube.com/watch?v=XzExdQye1Ls

@jsparadacelis 나는 작동하지 않는 비디오의 코드를 따릅니다.

안녕하세요, 다음과 같은 잘못된 정규식 플래그도 여전히 받고 있습니다.

const resultDisplayArray = arr.map (item => <li class="text-warning">${item}</li> );

여전히 작동하지 않습니다. 여기 불 좀 켜주 시겠어요?

그래도이 문제에 대한 작업 솔루션을 찾을 수 없습니다.

잘못된 정규식 플래그 오류가 발생합니다.

const resultDisplayArray = arr.map ((msg) => {
return <li class="text-warning">${msg}</li> ;
});

또한 아래에 대한 잘못된 정규식 플래그 오류가 발생합니다.

잘못된 정규식 플래그 오류가 계속 발생합니다.
https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals/

지도와 모든 것을 사용해 보았지만 여전히 잘못된 정규식 플래그가 나타납니다.

여전히 작동하지 않는 것으로 확인 됨

여전히 작동하지 않고 오히려 답답함

현재 MAP 방법이나 더 간단하지만 긴 접근 방식 모두 작동하지 않습니다. 동일한 오류-다른 테스트를 통과하더라도 "잘못된 정규식 플래그"입니다.

헤이, 누군가 방법을 찾았다면 내게 말해줘, xD를 진행할 수 없어 (나는 그것을 건너 뛸 수 있지만 오 나의 OCD)

여전히 나를 위해 일하지 않습니다.

이봐, 나는 여전히 작동하지 않는다고 쓰는 또 다른 사람입니다.

나는 이것이 수정되어 아직 배포되지 않은 것으로 보았지만 더 많은 정보가 필요한 경우 게시하고 싶었습니다. console.log ()로 올바른 출력을 확인했지만 내 솔루션은 "템플릿 문자열이 사용되었습니다"라는 테스트를 통과하지 못합니다.
내 코드 :

const resultDisplayArray = arr.map(x => `<li class="text-warning">${x}</li>`);
console.log(resultDisplayArray);

콘솔 출력 :

// running test
Invalid regular expression flags
// tests completed
<li class="text-warning">no-var</li>,<li class="text-warning">var-on-top</li>,<li class="text-warning">linebreak</li>

그래도 작동이 안되는. const resultDisplayArray = arr.map(num => '<li class="text-warning">${num}</li>');
// 테스트 실행
잘못된 정규식 플래그
// 테스트 완료

지도 방법이 여전히 작동하지 않습니다. 반환 유무에 관계없이.

여전히 수정을 기다리고

const resultDisplayArray = arr.map (val => {return <li class="text-warning">${val}</li> });

잘못된 정규식 플래그 결과를 가져옵니다.

const resultDisplayArray = arr.map (x => <li class="text-warning">${x}</li> );

const resultDisplayArray = [ <li class="text-warning">${arr[0]}</li> , <li class="text-warning">${arr[1]}</li> , <li class="text-warning">${arr[2]}</li> ];

둘 다 나를 위해 작동하지 않고 내 코드라고 생각했지만 뭔가 손상된 것 같습니다.

오늘 해결하려고했지만 여전히 작동하지 않습니다.

이스케이프 표시로도 시도했습니다.

const resultDisplayArray = arr.map (x => <li class=\"text-warning\">${x}</li> );

그러나 여전히 "잘못된 정규식 플래그"입니다.

저도이 문제를 해결하려고 노력했지만 계속해서 동일한 "잘못된 정규식 플래그"를 출력으로 얻습니다. 3 개의 테스트 중 2 개가 통과되었지만 계속해서 메시지를받습니다.

const resultDisplayArray = arr.map (val => <li class="text-warning">${val}</li> );

나는 또한 간단한 for 루프를 사용했고 같은 결과를 얻었습니다.

아직 수정되지 않았습니다! 😢

네 4 가지 방법으로 작성했는데 작동하지 않습니다. 그 체포. 그냥 건너 뛰고 계속

그래도 작동이 안되는..

같은 문제;

const resultDisplayArray = arr.map((a) => { return `<li class="text-warning">${a}</li>` });

"잘못된 정규식 플래그"오류를 반환합니다.

여전히 작동하지 않는지 확인하십시오.
forEach, for 루프, 맵을 시도했습니다.이 도전에서 무슨 일이 벌어지고 있는지 모르겠습니다.

그래, 여전히 작동하지 않습니다. 다른 모든 사용자와 동일한 오류 "잘못된 정규식 플래그"가 표시됩니다.
map, forEach 등으로 시도했습니다.

효과가있다! 매주지도로 똑같은 솔루션을 시도 해봤는데 이제 지났습니다! 만세!

나를 위해 일 했어! :) 어제 작동하지 않았습니다.

이제 확인 됨

const resultDisplayArray = arr.map((msg) => {
  return `<li class="text-warning">${msg}</li>`;
});

수정 해 주셔서 감사합니다.

알렐루야 !! 효과가있다

alleluia.finally 작동

이것은지도 기능 없이도 작동해야합니다. 일반 템플릿 리터럴을 사용하면됩니다.
태그 또는 & nbsp;

아래에서 작동하는 코드를 찾을 수 있습니다. :) :

const 결과 = {
성공 : [ "max-length", "no-amd", "prefer-arrow-functions"],
실패 : [ "no-var", "var-on-top", "linebreak"],
건너 뜀 : [ "id-blacklist", "no-dup-keys"]
};
function makeList (arr) {
"엄격한 사용";

//이 줄 아래 코드 변경
const resultDisplayArray = [ <li class="text-warning">${arr[0]}</li> ,
<li class="text-warning">${arr[1]}</li> ,
<li class="text-warning">${arr[2]}</li> ];
//이 줄 위의 코드 변경

return resultDisplayArray;
}
/ **

• makeList (result.failure)는 다음을 반환해야합니다.
• [ <li class="text-warning">no-var</li> ,
• <li class="text-warning">var-on-top</li> ,
• <li class="text-warning">linebreak</li> ]
  ** /
  const resultDisplayArray = makeList (result.failure);