자바스크립트 문자열
JavaScript 문자열은 텍스트를 저장하고 조작하기 위한 것입니다.
JavaScript 문자열은 따옴표 안에 쓰여진 0개 이상의 문자입니다.
예시
let text = "John Doe";
작은따옴표나 큰따옴표를 사용할 수 있습니다.
예시
let carName1 = "Volvo XC60";
// Double quotes
let carName2 = 'Volvo XC60'; // Single quotes
문자열을 둘러싼 따옴표와 일치하지 않는 한 문자열 안에 따옴표를 사용할 수 있습니다.
예시
let answer1 = "It's alright";
let answer2 = "He is called 'Johnny'";
let answer3 = 'He is called "Johnny"';
문자열 길이
문자열의 길이를 찾으려면 내장 length
속성 을 사용하십시오.
예시
let text = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
let length = text.length;
탈출 캐릭터
문자열은 따옴표 안에 작성해야 하므로 JavaScript는 이 문자열을 잘못 이해합니다.
let text = "We are the so-called "Vikings" from the north.";
문자열은 "We are the 소위"로 잘립니다.
이 문제를 피하기 위한 해결책은 백슬래시 이스케이프 문자 를 사용하는 것 입니다.
백슬래시( \
) 이스케이프 문자는 특수 문자를 문자열 문자로 변환합니다.
Code | Result | Description |
---|---|---|
\' | ' | Single quote |
\" | " | Double quote |
\\ | \ | Backslash |
시퀀스 \"
는 문자열에 큰따옴표를 삽입합니다.
예시
let text = "We are the so-called \"Vikings\" from the north.";
시퀀스 \'
는 문자열에 작은따옴표를 삽입합니다.
예시
let text= 'It\'s alright.';
시퀀스 \\
는 문자열에 백슬래시를 삽입합니다.
예시
let text = "The character \\ is called backslash.";
JavaScript에서는 6개의 다른 이스케이프 시퀀스가 유효합니다.
Code | Result |
---|---|
\b | Backspace |
\f | Form Feed |
\n | New Line |
\r | Carriage Return |
\t | Horizontal Tabulator |
\v | Vertical Tabulator |
위의 6개의 이스케이프 문자는 원래 타자기, 텔레타이프 및 팩스를 제어하기 위해 설계되었습니다. HTML에서는 의미가 없습니다.
긴 코드 줄 끊기
최고의 가독성을 위해 프로그래머는 종종 80자보다 긴 코드 라인을 피하고 싶어합니다.
JavaScript 문이 한 줄에 맞지 않는 경우 가장 좋은 위치는 연산자 뒤에 오는 것입니다.
예시
document.getElementById("demo").innerHTML =
"Hello Dolly!";
단일 백슬래시를 사용 하여 텍스트 문자열 내에서 코드 줄을 나눌 수도 있습니다 .
예시
document.getElementById("demo").innerHTML =
"Hello \
Dolly!";
이 \
방법은 선호하는 방법이 아닙니다. 보편적인 지원이 없을 수도 있습니다. 일부 브라우저는 문자
뒤에 공백을 허용하지 않습니다 .\
문자열을 분리하는 더 안전한 방법은 문자열 추가를 사용하는 것입니다.
예시
document.getElementById("demo").innerHTML = "Hello " +
"Dolly!";
백슬래시로 코드 줄을 나눌 수 없습니다.
예시
document.getElementById("demo").innerHTML = \
"Hello Dolly!";
JavaScript 문자열을 객체로
일반적으로 JavaScript 문자열은 리터럴에서 생성된 기본 값입니다.
let x = "John";
그러나 문자열은 키워드를 사용하여 객체로 정의할 수도 있습니다 new
.
let y = new String("John");
예시
let x = "John";
let y = new String("John");
Strings 객체를 생성하지 마십시오.
이 new
키워드는 코드를 복잡하게 만들고 실행 속도를 늦춥니다.
문자열 개체는 예기치 않은 결과를 생성할 수 있습니다.
연산자 를 사용할 때 ==
x와 y는 같음 :
let x = "John";
let y = new String("John");
연산자 를 사용할 때 ===
x와 y는 같지 않습니다 .
let x = "John";
let y = new String("John");
(x==y)
와 의 차이점에 유의하십시오 (x===y)
.
(x == y)
사실인가 거짓인가?
let x = new String("John");
let y = new String("John");
(x === y)
사실인가 거짓인가?
let x = new String("John");
let y = new String("John");
두 JavaScript 객체를 비교하면 항상 false 가 반환 됩니다.
완전한 문자열 참조
전체 문자열 참조를 보려면 다음으로 이동하십시오.
참조에는 모든 문자열 속성 및 메서드에 대한 설명과 예가 포함되어 있습니다.