string 타입

string 타입

string타입은 일반적인 텍스트 데이터를 다룰 수 있음

문자열 리터열

'hello'
"hello 안녕"
`hello string`

'hello' === "hello"; // true

템플릿 리터럴

ES2015에서 도입된 템플릿 리터럴은 문자열 리터럴의 일종으로, 템플릿 리터럴을 사용하면 문자열로 둘러싸면 됨

`hello string`

// 템플릿 리터럴의 내삽기능을 이용하면, 문자열을 동적으로 생성하는 코드를 쉽게 작성할 수 있음
const name1 = 'Foo';
const name2 = 'Bar';
const sentence = `${name1} meets ${name2}!`;

//일반적 문자열 리터럴은 하단 참고
name + 'meets' + name2 + '1';

문자열과 연산자

// 문자열 연결하기
'hello' + 'world'; // 'helloworld'

// 등호 비교
'hello' === 'hello'; // true
'hello' !== 'hello'; // false

//유니코드 코드포인트 비교. 앞에서부터 한 글자씩 차례대로 비교
'a' < 'b'; // true
'aaa' < 'abc'; // true
'a' < 'x' // false

//문자열을 배열로 바꾸기
[...'hello']; // ['h', 'e', 'l', 'l', 'o']

속성 및 메소드

// 문자열의 길이 알아내기
'hello'.length; // 5

// 여러 문자열 연결하기
'hello'.concat('fun', 'javascript'); // 'hellofunjavascript'

// 특정 문자열을 반복하는 새 문자열 생성하기
'\*'.repeat(3); // '\*\*\*'

// 특정 문자열이 포함되어 있는지 확인하기
'hello javascript'.includes('hello'); // true
'hello javascript'.startsWith('he'); // true
'hello javascript'.endsWith('ript'); // true
'hello javascript'.indexOf('java'); // 6

// 문자열의 특정 부분을 바꾼 새 문자열 생성하기
'hello javascript'.replace('java', 'type'); // 'hello typescript'

// 문자열의 일부를 잘라낸 새 문자열 생성하기
'hello'.slice(2, 4); // 'll'

// 좌우 공백문자를 제거한 새 문자열 생성하기
'    hello    '.trim(); // 'hello'
'    hello    '.trimLeft(); // 'hello    '
'    hello    '.trimRight(); // '    hello'

// 좌우 공백문자를 추가한 새 문자열 생성하기
'hello'.padStart(8); // '    hello'
'hello'.padEnd(8); // 'hello    '

// 문자열을 틀정 문자에 기준으로 잘라 새 배열 생성하기
'hello!fun!javascript'.split('!'); // \['hello', 'fun', 'javascript'\]
'hello'.split(' '); // \['h', 'e', 'l', 'i', 'o'\]

// 모든 문자를 소문자, 혹은 대문자로 변환한 새 문자열 생성하기
'Hello JavaScript'.toLowerCase(); // 'hello javascript'
'Hello JavaScript'.toUpperCase(); // 'HELLO JAVASCRIPT'