자바스크립트 문자열(String) 기초

• n번째 문자열 찾기

• 문자열 검색하기

• 문자열 합치기

• 문자열 길이 찾기

• 문자열 나누기

• 대/소문자로 변환

 

• n번째 문자열 찾기 (문자열[n])
  

let word = 'Hello world!';
console.log(word[8]);
// 출력 값 : r

위와 같이 문자열 변수와 대괄호( [ ] ; square brackets)를 사용하여 인덱스 값 n을 입력하면, 문자열 내에 n번째 값을 반환(return)해준다.
- 참고 1 : word[0]은 "H"로, 첫 번째 index는 0이다.(Zero-based numbering)
- 참고 2 : 문자열의 전체 글자 수를 초과하는 숫자를 넣을 경우 undefined 값이 반환된다.

 

• 문자열 검색하기 (문자열.indexOf('찾고자하는 문자열'))

let word = 'Hello world!';
console.log(word.indexOf('wo'));
// 출력 값 : 6

위와 같이 문자열 변수에 .indexOf( ) 를 사용하여 찾고자하는 문자열의 값을 입력하면 찾고자하는 문자열의 첫 글자가 위치하는 인덱스의 값을 반환해준다.
- 참고1 : 찾고자하는 문자열이 검색 대상이 되는 문자열 내에 존재하지 않을 경우 false의 개념으로 -1을 반환한다.
- 참고2 : 뒤에서부터 찾고 싶은 경우 .lastIndexOf( ) 를 사용하면 문자열의 마지막 지점부터 색인하여 해당 문자의 인덱스 값을 반환해준다.

 

 

• 문자열 합치기 (문자열1+문자열2 혹은 문자열1.concat(문자열2, ...))

let word1 = 'Hello';
let word2 = ' ';
let word3 = 'world!';

console.log(word1+word2+word3);
// 출력 값 : Hello world!

console.log(word1.concat(word2,word3));
// 출력 값 : Hello world!

위와 같이 '+' 연산자 혹은 .concat( ) 을 사용하여 문자열을 순서대로 합칠 수 있다.

- 참고 : 숫자와 숫자를 문자열로 취급하여 더하고 싶은 경우 작은 따옴표를 사용하여 문자열 타입으로 전환하여 합쳐줄 수 있다.

(예시: 아래 코드블록 참조)

1+1
// 출력 값 : 2

'1'+1
// 출력 값 : 11

'1'+'1'
// 출력 값 : 11

 

 

• 문자열 길이 찾기 (문자열.length)

let word = 'Hello world!';
console.log(word.length);
// 출력 값 : 12

위와 같이 .length 를 사용하여 문자열 전체 길이를 반환할 수 있다.

 

 

• 문자열 나누기 (문자열.split('나누는 기준이 되는 문자'))

let word = 'Hello JavaScript world!'
console.log(word.split(' '));
// 출력 값 : ["Hello", "JavaScript", "world!"]

console.log(word.split('o'));
// 출력 값 : ["Hell", " JavaScript w", "rld!"]

위와 같이 .split( ) 를 사용하여 문자열을 나눌 수 있다. (csv형식의 데이터를 처리할 때 유용하다.)

 

 

• 대/소문자로 변환

let word = 'Hello JavaScript world!';
console.log(word.toUpperCase());
// 출력 값 : HELLO JAVASCRIPT WORLD!

console.log(word.toLowerCase());
// 출력 값 : hello javascript world!

위와 같이 .toUpperCase( ) 혹은 toLowerCase( ) 를 사용하여 대문자 혹은 소문자로 반환할 수 있다.