> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 문자열 및 정규 표현식에서 백슬래시를 어떻게 이스케이프합니까?

JavaScript 문자열 및 정규 표현식에서 백슬래시를 어떻게 이스케이프합니까?

Mary-Kate Olsen
풀어 주다: 2024-12-04 12:27:04
원래의
827명이 탐색했습니다.

How Do I Escape Backslashes in JavaScript Strings and Regular Expressions?

문자열에서 백슬래시 이스케이프

JavaScript에서 백슬래시 문자는 문자열과 정규식 모두에서 의미를 갖습니다. 이로 인해 텍스트에 독립형 백슬래시를 포함하려고 할 때 문제가 발생합니다. 이를 위해서는 연속된 두 개의 백슬래시()를 사용하여 백슬래시를 이스케이프 처리해야 합니다.

문자열

문자열을 생성할 때 첫 번째 백슬래시는 이스케이프 문자 역할을 하고, 두 번째는 실제 백슬래시를 나타냅니다. 예:

const str = "\"\I have one backslash\"";
console.log(str); // \I have one backslash
로그인 후 복사

정규 표현식

마찬가지로 정규 표현식에서는 단일 백슬래시와 일치하려면 두 개의 연속 백슬래시가 필요합니다. 이는 첫 번째 백슬래시가 정규식 리터럴 내에서 이스케이프 문자로 사용되기 때문입니다. 예를 들면 다음과 같습니다.

const regex = /\/; // Match a single backslash
로그인 후 복사

문자열을 사용하여 정규식 만들기

문자열을 사용하여 정규식을 구성하는 경우 두 가지 이스케이프 수준을 고려하는 것이 중요합니다. 먼저, 백슬래시는 문자열 내에서 이스케이프되어야 하며, 생성된 정규식 내에서 다시 이스케이프되어야 합니다. 결과적으로 총 4개의 백슬래시가 필요합니다.

const regex = new RegExp("\\"); // Matches a single backslash using a string
로그인 후 복사

ES2015 및 ES2018 업데이트

최근 JavaScript 버전에서는 템플릿 리터럴이 문자열에 백슬래시를 포함하는 대체 방법을 제공합니다. . 이를 달성하기 위해 String.raw 함수를 사용할 수도 있습니다.

const str = String.raw`\apple`; // Valid ES2015 syntax
로그인 후 복사

템플릿 리터럴은 ${ 문자가 포함된 대체를 지원하지 않으므로 주의해서 사용해야 한다는 점에 유의할 가치가 있습니다. 템플릿 리터럴 내에 ${를 포함하면 아래 예와 비슷하게 문자열에 백슬래시가 포함됩니다.

const foo = "bar";
const str = String.raw`\apple${foo}`; // Results in \applebar
로그인 후 복사

위 내용은 JavaScript 문자열 및 정규 표현식에서 백슬래시를 어떻게 이스케이프합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿