[자바스크립트] 문자

1. 문자

자바스크립트는 동적 타입 언어로, 이를 통해 다양한 데이터 타입을 가지고 유연하게 프로그래밍을 할 수 있다. 이번에는 자바스크립트에서 가장 중요한 데이터 타입인 '문자'에 대해 다루어보겠다.

1.1 문자열 리터럴

문자열은 텍스트를 표현하는 데 사용된다. 자바스크립트에서 문자열은 작은따옴표(''), 큰따옴표(""), 또는 백틱(``)으로 감싸서 표현한다. 이 세 가지 방식을 모두 사용할 수 있지만, 각 방식에는 약간의 차이가 있다.

let str1 = 'single-quote string';
let str2 = "double-quote string";
let str3 = `backtick string`;

작은따옴표나 큰따옴표로 둘러싼 문자열은 일반적인 문자열을 표현하는데 사용되고, 백틱으로 둘러싼 문자열은 문자열 내에서 표현식을 사용할 수 있는 템플릿 리터럴을 정의하는데 사용된다

1.2 문자열에 접근

문자열 내의 특정 위치에 있는 문자에 접근하려면, 대괄호([]) 표기법을 사용한다. 이 표기법은 배열의 인덱스를 참조하는 방식과 유사하다. 첫 번째 문자의 위치는 0부터 시작한다.

let str = "Hello, World!";
console.log(str[0]); // "H"
console.log(str[7]); // "W"

1.3 문자열로 변환

숫자를 문자열로 변환하려면 toString() 메서드를 사용하거나 문자열 연결 연산자(+)를 사용할 수 있다.

let num = 123;
console.log(num.toString()); // "123"

let str = num + "";
console.log(str); // "123"

1.4 문자열 병합

자바스크립트에서 문자열을 병합하려면, 문자열 연결 연산자(+)를 사용한다. 이 연산자는 두 문자열을 연결하여 새로운 문자열을 생성한다.

let str1 = "Hello,";
let str2 = " World!";
let str3 = str1 + str2;
console.log(str3); // "Hello, World!"

1.5 문자열과 배열

문자열은 문자의 배열로 간주될 수 있다. 따라서 배열의 메서드인 split, slice, indexOf 등을 문자열에 사용할 수 있다.

let str = "Hello, World!";
let arr = str.split(","); // ["Hello", " World!"]
let slice = str.slice(0, 5); // "Hello"
let index = str.indexOf("World"); // 7

1.6 템플릿 리터럴

템플릿 리터럴은 문자열 내에 표현식을 포함할 수 있는 문자열 리터럴이다. 템플릿 리터럴은 백틱(``)으로 감싸져 있다. 템플릿 리터럴 내에는 ${}를 사용하여 표현식을 넣을 수 있다. 표현식은 문자열로 삽입되며, 계산된다.

let name = "John";
let greeting = `Hello, ${name}!`;
console.log(greeting); // "Hello, John!"

템플릿 리터럴을 사용하면, 문자열 내에 변수나 표현식을 쉽게 삽입할 수 있어 코드가 보다 간결해진다. 또한, 템플릿 리터럴은 줄바꿈 문자 없이 여러 줄의 문자열을 표현할 수 있어 여러 면에서 편리하다.