String Method

Algorithms

1. String.prototype.charAt(index)

  • 매개변수로 전달한 index 번호에 해당하는 위치의 문자를 반환한다.
  • index 번호는 0 ~ (문자열 길이 - 1) 사이의 정수이다.
1
2
3
4
5
6
7
8
9
10
const str = 'Hello';

console.log(str.charAt(0)); // H
console.log(str.charAt(1)); // e
console.log(str.charAt(2)); // l
console.log(str.charAt(3)); // l
console.log(str.charAt(4)); // o

// 지정한 index가 범위(0 ~ str.length-1)를 벗어난 경우 빈문자열을 반환한다.
console.log(str.charAt(5)); // ''


2. String.prototype.concat(index)

  • 매개변수로 전달된 1개 이상의 문자열과 연결하여 새로운 문자열을 반환한다.
  • concat 메소드를 사용하는 것보다는 +, += 할당 연산자를 사용하는 것이 성능상 유리하다.
1
2
3
4
5
let str = 'My name is ';
let name = 'Cheon';

str = str.concat(name); // str = str + name;
console.log(str); // 'My name is Cheon'


3. String.prototype.split(string | regular Expression, number)

  • 첫번째 인자에 전달된 문자열 또는 정규표현식을 대상 문자열에서 검색하여 문자열을 구분한 후, 분리된 각 문자열로 이루어진 배열을 반환한다.
  • 원본 문자열은 변경되지 않는다.
  • 인수가 없는 경우, 대상 문자열 전체를 단일 요소로 하는 배열을 반환한다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
let str = 'How are you doing?';

// 공백으로 구분(단어로 구분)하여 배열로 반환한다
let splitStr = str.split(' ');
console.log(splitStr); // [ 'How', 'are', 'you', 'doing?' ]

// 원본 문자열은 변경되지 않는다
console.log(str); // How are you doing?


// 인수가 없는 경우, 대상 문자열 전체를 단일 요소로 하는 배열을 반환한다.
splitStr = str.split();
console.log(splitStr); // [ 'How are you doing?' ]

// 각 문자를 모두 분리한다
splitStr = str.split('');
console.log(splitStr); // [ 'H','o','w',' ','a','r','e',' ','y','o','u',' ','d','o','i','n','g','?' ]

// 공백으로 구분하여 배열로 반환한다. 단 요소수는 3개까지만 허용한다
splitStr = str.split(' ', 3);
console.log(splitStr); // [ 'How', 'are', 'you' ]

// 'o'으로 구분하여 배열로 반환한다.
splitStr = str.split('o');
console.log(splitStr); // [ 'H', 'w are y', 'u d', 'ing?' ]


4. String.prototype.substring(start, end)

  • 첫번째 인자에 전달된 index(start)에 해당하는 문자부터 두번째 인자에 전달된 index(end)에 해당하는 문자의 바로 이전 문자까지를 모두 반환한다.
  • 이때 첫번째 인수 < 두번째 인수의 관계가 성립된다.
1
2
3
4
5
6
7
8
9
10
11
12
let str = 'Hello World'; // str.length == 11

let res = str.substring(1, 4);
console.log(res); // ell

// 첫번째 인수 > 두번째 인수 : 두 인수는 교환된다.
res = str.substring(4, 1);
console.log(res); // ell

// 두번째 인수가 생략된 경우 : 해당 문자열의 끝까지 반환한다.
res = str.substring(4);
console.log(res); // o World


5. String.prototype.toLowerCase()

  • 대상 문자열의 모든 문자를 소문자로 변경한다.
1
2
3
4
let str = 'Hello World!';

const res = str.toLowerCase();
console.log(res); // hello world!


6. String.prototype.toUpperCase()

  • 대상 문자열의 모든 문자를 대문자로 변경한다.
1
2
3
4
let str = 'Hello World!';

const res = str.toUpperCase();
console.log(res); // HELLO WORLD!