자바스크립트 문자열 보간

__del__ | cos | exp | JavaScript | join | mean | sin

Michael Zippo

문자열 보간 JavaScript는 문자열의 일부에 표현식을 삽입하는 프로세스입니다. 템플릿 리터럴은 포함 표현식에 사용됩니다. 보간법을 사용하여 문자열에 변수 및 수학과 같은 값을 추가할 수 있습니다.

JavaScript 문자열에 값을 추가해야 합니까? 리터럴 패턴 구문에서 다뤘습니다. 템플릿 리터럴을 사용하면 문자열에서 여러 줄 문자열과 중첩된 JavaScript 값으로 작업하기가 더 쉽습니다. 패턴 리터럴은 자바스크립트 문자열 보간 구문입니다.

이 가이드에서는 자바스크립트 문자열 보간에 대해 설명합니다. 이것이 무엇인지, 어떻게 작동하는지 논의하고 시작하기 위해 문자열 보간 예제를 살펴보겠습니다.

더 고민하지 않고 시작하겠습니다!

JavaScript 보간 문자열

템플릿 리터럴을 사용하여 JavaScript 문자열에 값을 추가할 수 있습니다. 이것은 두 개의 중괄호 다음에 오는 달러 기호입니다. 중괄호 안에는 값을 문자열에 포함시키려는 표현식이 있어야 합니다.

패턴 리터럴을 사용하면 연결에 의존하지 않고 문자열에 값을 중첩할 수 있습니다. 패턴 리터럴을 선언하려면 문자열을 큰따옴표 대신 작은따옴표(")로 묶어야 합니다.

다음 구문을 고려하세요.

패턴 리터럴을 선언했습니다. 식은 다음과 같습니다.

이 표현식은 9 + 10을 반환합니다. 이 표현식의 결과는 문자열 끝에 마침표 앞에 추가됩니다. 실제로 우리는 마침표 앞에 표현식을 작성했습니다.

리터럴 템플릿을 사용하면 중첩된 문자열에서 직접 값으로 변환 다음 코드를 고려하십시오.

코드의 첫 번째 줄은 총리 주소 번호를 정의합니다. 그런 다음 리터럴 템플릿을 사용합니다 전체 주소를 생성합니다. tax $ {}는 우리 체인에 가치를 통합하는 데 사용됩니다. "address_number" 값을 문자열

코드 실행:

코드는 두 문자열을 병합했습니다.

패턴 리터럴을 사용할 때 리터럴 의미의 값을 포함할 수 있습니다. 여기에는 문자열, 숫자 또는 JavaScript 수학적 계산 . 템플릿 리터럴에 템플릿 리터럴을 포함하면 안 됩니다.

리터럴 문자열의 주요 이점 중 하나는 .. 구문이 명확하여 포함할 수 있다는 것입니다. 자바스크립트 코드를 문자열에 직접 삽입

연결을 사용하여 문자열을 결합할 수 있습니다. 두 개의 st가 있다고 가정해 보겠습니다. ring:.

더하기 기호(+)를 사용하여 두 문자열을 연결할 수 있습니다.

두 줄을 연결하는 사슬을 만드는 데 성공했습니다. 궁극적으로 우리는 연결 연산자를 사용하여 문장에 마침표("")를 추가합니다.

그러나 이 구문에는 한 가지 단점이 있습니다. 문자열 끝에 값을 추가할 수 없습니다. 이것이 리터럴 템플릿 구문을 도입한 큰 이유입니다. 이제 문자열 중간에 값을 더 쉽게 추가할 수 있습니다.

다음과 같은 체인을 만들어 보겠습니다. Baré에서 두 음료의 가격을 계산하고 결과를 체인에 넣습니다.

$ {} 구문에 계산을 추가했습니다. 이 계산은 두 JavaScript 변수의 값을 더합니다. 우리의 변수는 drink1(2.30)과 drink2(2.20)입니다. 코드는 다음 값의 합계가 포함된 문자열을 반환합니다.

고객이 커피 값으로 $4.00 이상을 지출하면 청구서에 소개되어야 합니다. 그런 다음 그는 카페 충성도에 가입하도록 초대되어야 합니다. 그렇지 않으면 청구서에 제시되어야 합니다. 고객 송장 비용을 확인하기 위해 삼항 연산자를 사용할 수 있습니다.

우리의 리터럴 패턴에는 두 개의 내장 표현식이 있습니다. 우리 체인 내에서 "총계"의 가치를 통합하십시오. 그런 다음 삼항 연산자를 사용하여 고객이 포인트 카드 클럽 카페에 초대되어야 하는지 확인합니다.

총 구매 가격이 $4.00 이상이면 콘솔에 다음 메시지가 출력됩니다.

그렇지 않으면 삼항 연산자가 콜론(":") 뒤에 값을 반환합니다. expression은 False로 평가됩니다.

이 예에서 콜론 뒤의 값은 빈 문자열입니다. 즉, $4.00 미만이면 고객이 구매한 리터럴 템플릿의 첫 번째 문장만 반환됩니다.

결론

템플릿 리터럴을 사용하면 값을 포함할 수 있습니다. 문자열에서. 모델 리터럴에서 계산을 수행할 수 있습니다. 백틱을 사용하여 패턴 리터럴을 선언합니다. 평가할 선언은 달러 기호와 선언이 표시되는 한 쌍의 중괄호로 표시됩니다.

JavaScript에 대한 자세한 내용은 JavaScript 학습 가이드 를 참조하십시오.