자바스크립트 문자열 보간

| | | | | |

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

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

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

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

JavaScript 보간 문자열

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

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

다음 구문을 고려하세요.

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

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

보간 문자열 JavaScript 예

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

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

코드 실행:

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

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

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

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

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

JavaScript 콘솔은 다음 값을 지문으로 인식합니다.

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

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

JavaScript for String interpolation. 계산

템플릿 리터럴의 코드는 JavaScript 문입니다. 즉, 패턴 리터럴을 사용하여 계산을 수행하고 해당 값을 프로그램에 포함할 수 있습니다.

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

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

문자열 보간용 자바스크립트: 삼항 연산자

자바스크립트 삼항 연산자 < /a> 명령문이 참인지 거짓인지 평가할 수 있습니다. if 문을 작성하는 보다 간결한 방법입니다. 삼항 연산자는 if 문의 결과가 한 줄의 코드를 사용하는 경우에 특히 유용합니다.

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

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

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

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

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


br>

결론

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

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

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method