JavaScript에서 String.raw()는 무엇입니까?

이 기사의 비디오는 아래에서 볼 수 있습니다.

소개

이 기사에서는 JavaScript에서 원시 문자열을 소개합니다.

때때로 템플릿 리터럴로 작업할 때 문자를 변환하는 데 사용합니다. 예를 들어 설명하겠습니다.

console.log(`Monday\nTuesday\nWednesday`);
//Returns --->
Monday
Tuesday
Wednesday

위의 예에서 템플릿 리터럴 또는 월요일, 화요일 및 수요일을 각각 줄 바꿈 문자로 구분하여 포함하는 템플릿 문자열을 콘솔 로그합니다. 이것이 실행되면 각 단어가 새 줄에 인쇄됩니다.

스트링.로우()

JavaScript는 템플릿 리터럴에서 원시 문자열에 액세스할 수 있는 String.raw() 태그 함수를 제공합니다. 즉, 이스케이프 문자가 처리되지 않은 문자열에 액세스할 수 있습니다. 이를 통해 위의 예를 확장해 보겠습니다.

String.raw`Monday\nTuesday\nWednesday`;
//Returns ---> 'Monday\nTuesday\nWednesday'

위의 예에서는 String.raw() 메서드를 사용하고 템플릿 리터럴을 매개 변수로 전달합니다. 줄 바꿈 문자가 처리되지 않은 동일한 문자열이 반환됩니다.

보간

원시 방법을 사용하면 문자열에 보간된 모든 것이 처리됩니다. 이에 대한 예를 살펴보겠습니다.

console.log(`Sum: ${4+5}`);
//Returns ---> Sum: 9

콘솔 로그 내부의 위 예제에서 문자열 보간을 사용하여 합계 4와 5를 얻습니다. 반환된 합계가 있는 문자열을 얻습니다. 이제 원시 방법으로 이 작업을 수행해 보겠습니다.

String.raw`Sum: ${4+5}`;
//Returns ---> 'Sum: 9'

위의 예에서는 원시 메서드를 사용하고 보간된 합계와 함께 템플릿 리터럴을 전달합니다. 보간하기 위해 전달하는 모든 것이 메서드에 의해 처리되기 때문에 완료된 합계와 함께 반환된 문자열을 얻습니다.

유니코드

원시 문자열 방법이 유용한 또 다른 경우는 유니코드 문자를 사용하는 경우입니다.

console.log(`\u2605`);
//Returns ---> ★

위의 예에서 우리는 유니코드 문자를 사용하여 별 기호에 액세스하고 이것은 우리에게 반환됩니다. 이제 이 템플릿 리터럴에서 원시 메서드를 사용하겠습니다.

String.raw`\u2605`;
//Returns ---> '\\u2605'

계속해서 유니코드 문자를 전달하는 원시 메서드를 사용합니다. 아무 것도 처리되지 않고 원시 문자열이 반환됩니다.

이 기사를 즐겼기를 바랍니다. 의견, 질문 또는 피드백을 자유롭게 게시하고 더 많은 콘텐츠를 보려면 저를 팔로우하세요!