1. 문자열 결합
- + 연산자
console.log('Hello' + 'World'); // "HelloWorld"
console.log('Age: ' + 15); // "Age: 15"
let a = 'Hello';
a += 'World';
console.log(a); // "HelloWorld";
- 문자열 + 문자열의 경우 두 문자열을 이어붙인 문자열을 생성하여 반환
- 문자열 + 다른자료형의 경우 다른 자료형을 문자열로 변환하여 이어붙인 문자열을 생성하여 반환
- += 연산도 사용 가능
- concat 메소드
let a = 'Hello';
b = a.concat(3);
console.log(a); // "Hello"
console.log(b); // "HelloWorld"
- <문자열>.concat() 을 호출하여 concat의 인자로 넘겨준 값을 이어붙인 문자열을 반환받을 수 있음
- concat에 문자열이 아닌 값을 인자로 넘길경우 +와 마찬가지로 문자열로 변환하여 이어붙임
2. 문자열 인덱스
let str = 'Hello World';
// 문자열의 첫 번째, 세 번째 문자 참조
console.log(str[0]); // "H"
console.log(str[2]); // "l"
// 문자열의 마지막 문자 참조
console.log(str[str.length-1]); // "d"
- 문자열은 인덱스를 통해 문자 하나하나를 참조가능
- 문자열의 길이는 <문자열>.leght 로 알아낼 수 있음
3. 문자열 탐색
let str = 'JavaScript is Scripting Language';
let s = str.indexOf('Script');
let e = str.lastIndexOf('Script');
console.log(s, e) // "4 14"
- indexOf, lastIndexOf 메소드를 사용하면 문자열 내에 특정 문자열이 있는 위치를 탐색 가능
- indexOf는 인자로 넘겨준 문자열이 처음 등장하는 인덱스를, lastIndexOf는 마지막으로 등장하는 인덱스를 반환
4. 문자열 슬라이싱
let a = 'Hello World';
// slice, substring, substr
let slice = a.slice(1, 3);
let substring = a.substring(1, 3);
let substr = a.substr(1, 3);
console.log(slice); // "el"
console.log(substring); // "el"
console.log(substr); // "ell"
// slice vs substring
slice = a.slice(3, 1);
substring = a.substring(3, 1)
console.log(slice); // ""
console.log(substring); // "el"
- 문자열에서 원하는 부분을 추출하기 위한 메소드
- <문자열>.slice(start, end), <문자열>.substring(start, end)
- 문자열의 start부터 end-1까지의 부분문자열을 반환
- end를 생략할 경우 문자열의 끝까지 반환
- <문자열>.slice(start, length)
- 문자열의 start부터 length길이만큼의 부분문자열을 반환
- start + length - 1이 문자열의 마지막 인덱스를 벗어난다면 start부터 문자열의 끝까지의 부분문자열을 반환
- slice와 substring의 차이
- start 보다 end가 작을 경우 slice는 단순히 빈 문자열을 반환하지만 substring은 start와 end값을 뒤바꾸어 처리
5. 문자열 분할
let a = 'hello world this is JavaScript';
console.log(a.split(' ')); // ["hello","world","this","is","JavaScript"]
- 문자열을 구분자로 분할하여 토큰화하기 위한 메소드
- <문자열>.split(<구분자>)
- 구분자를 기준으로 문자열을 분할하여 분할된 문자열들의 배열을 반환
- 구분자를 생략할 경우 문자열 전체를 배열에 담아 반환
- 빈 문자열을 구분자로 사용할 경우 한 문자씩 쪼갤 수 있음
6. 대소문자 변환
let a = 'hello world this is JavaScript';
let upper = a.toUpperCase();
let lower = a.toLowerCase();
console.log(upper); // "HELLO WORLD THIS IS JAVASCRIPT"
console.log(lower); // "hello world this is javascript"
- 문자열을 구성하는 알파벳을 대/소문자로 변환하는 메소드
- <문자열>.toUpperCase() , <문자열>.toLowerCase()
- 각각 모든 문자를 대문자로 치환한 문자열과 소문자로 치환한 문자열을 반환
7. 공백 제거
let a = ' hello world this is JavaScript ';
let afterTrim = a.trim();
console.log(a); // " hello world this is JavaScript "
console.log(afterTrim); // "hello world this is JavaScript"
- 문자열 좌, 우의 공백과 줄바꿈을 제거한 문자열을 반환