JS 문자열 다루기

오늘의 학습

• 문자열을 다루는 여러 방식들

배운 것

• 변수를 선언할 때는 변수의 타입을 모르지만, 코드가 실행될 때 타입이 정해진다.

1. 문자열의 길이 확인 _ String.length

let str = "Hello World!";

console.log(str.length); // 12

2. 문자열 결합 _ String.concat(String)

let str = "Hello, ";
let str2 = "World!";
let result = str.concat(str2);

console.log(str.concat(str2)) // Hello, World!

3. 문자열 자르기 _ String.substring(start, end?)

• 첫 번째 인자부터 ~ 두 번째 인자까지 잘라 추출한다.
• 전달하는 인자로는 시작점, 끝점인데
  두 번째 인자는 옵션이다. 끝 인덱스를 설정하지 않으면 해당 문자열의 끝까지 다 자른다.

let str = "hello, world!";
console.log(str.substring(7,)); // world!
console.log(str.substring(7,11)); // worl

3-1. 문자열 자르기(2) _ String.substr(from, length?)

• 첫 인자로 전달한 부분부터 몇 개를 잘라낼 것인지 설정하여 추출한다.
• 두 번째 인자 length는 옵션이며, 전달하지 않으면 from부터 문자열의 끝까지 잘라낸다.
• substr은 에디터에서 substr 이렇게 되어있어 찾아봤는데 이런 안내가 있다.
  

let str = 'hello, world!';
console.log(str.substr(7, 3)); // wor

3-2. 문자열 자르기(3) _ String.slice(start, end?)

let str = "hello, world!";
console.log(str.slice(7, 10)); // wor

4. 원하는 문자열 시작점 찾기 _ String.search(String)

• 인자로 찾고자 하는 문자열을 전달한다.

let str = 'hello, world!';
console.log(str.search("world")); // 7

5. 문자열 대체 _ String.replace(searchValue, replaceValue)

• 대체하려는 문자열을 첫 번째 인자에, 대체하기 희망하는 문자열을 두 번째 인자에 전달한다.
• 첫 번째 인자로는 문자열이 올 수도 있고, regular Expression이라는 정규표현식이 될 수도 있다.

let str = 'hello, world!';
console.log(str.replace('wor', 'g')); // hello, gld!

6. 문자열 분할 _ String.split(splitter, limit)

• split은 첫 인자 splitter를 기준으로 문자열을 나누고 배열에 담아 반환해준다.
• limit을 사용한다면 splitter를 기준으로 자르지만 반환되는 배열의 요소의 개수는 limit개가 된다.

let str = 'hello, world!, happy, coding!'
let result = str.split(',');
console.log(result); // [ 'hello', ' world!', ' happy', ' coding!' ]


<limit을 쓸 때>
let str2 = 'hello, world!, happy, coding!'
let result2 = str.split(',', 2);
console.log(res); // [ 'hello', ' world!' ]