JavaScript : 문자열과 자주 사용하는 메서드

문자열(string)은 일상생활에서 확인 가능한 모든 글자의 나열이다. 코드와 의도한 문자열을 구분하기 위해 작은따옴표('')를 사용한다. 문자 하나는 character이며, char이라는 축약어로 부르기도 한다.

 

---

문자열의 특징

문자열에 있는 문자 하나하나는 배열에 접근하듯이 접근할 수 있다. 0은, 첫번째 글자, 1은 두번째 글자인 식으로. 만약 문자 수보다 긴 배열로 접근하면 값은 undefined를 나타낸다. 이 방법은 읽을 수만 있고, 변경시킬 수는 없는 방법이다.

let word = 'hello world';

console.log(word[0]); // 'h'
console.log(word[3]); // 'l'
console.log(word[15]); // undefined

문자열은 '+' 연산자 사용이 가능하다. string 타입과 다른 타입 사이에 '+' 연산자를 쓰면 결과는 string 형식으로 변환된다.

'1' + true // '1true'
'1' + 1, 2, 3 // 11, 2, 3 -> 여기서 11은 숫자가 아닌 문자'11'이다

 

 

---

문자열 관련 메서드

✳️ String.length → Mozilla 참고하기

공백을 포함한 문자열의 전체 길이를 리턴한다.

let hotChip = 'One Life Stand';
console.log(hotChip.length) // 14

 

✳️ Array.prototype.indexOf() →Mozilla 참고하기

indexOf() 메서드는 배열에서 지정된 요소가 위치한 첫 번째 인덱스를 리턴하고, 존재하지 않으면 -1을 리턴한다. '.lastIndexOf'는 문자열 뒤에서부터 찾는다. tip으로 실무에서는 '.includes()' 사용하기도 한다. 포함하고 있는 단어를 찾아 리턴값을 true/false로 리턴한다.

let hotChip = 'One Life Stand';

console.log(hotChip.indexOf('S')) // 9. 0부터 세서 9번째
console.log(hotChip.indexOf('x')) // -1, 존재하지 않음
console.log(hotChip.indexOf('L')) // 4, 0부터 세서 4번째
console.log(hotChip.indexOf('l')) // -1, 대소문자 구분으로 존재하지 않음

console.log(hotChip.IndexOf('e')) // 2, 여러 글자가 등장할 시 앞에서부터 찾음
console.log(hotChip.lastIndexOf('e')) // 7, 뒤에서부터 찾음

 

✳️ String.prototype.split() →Mozilla 참고하기

split() 메서드는 문자열을 괄호 안에 지정한 구분자를 이용하여 여러 개의 문자열로 나눈 후, 배열의 형태로 리턴한다. CSV(comma-separated values)형식을 처리할 때 유용. 공백이나 줄바꿈을 기준으로 분리할 수 있다 공백은 ' ' 형태로, 줄바꿈은 \n으로 사용한다.

let oneLifeStand = 'Thieves in the Night, Hand Me Down Your Love, I Feel Better, One Life Stand';

let list = oneLifeStand.split(', ');
console.log(list);

// ['Thieves in the Night', 'Hand Me Down Your Love', 'I Feel Better', 'One Life Stand']

 

✳️ String.prototype.substring() →Mozilla 참고하기

시작과 끝을 정해놓고, 그 구간에 있는 문자를 가져온다. strat와 end의 순서가 바뀌어도 상관 없으나, 입력한 숫자가 문자열을 벗어난 인덱스면 가능한 길이까지만 가져온다.

let str = 'abcdefghij';

console.log(str.substring(0,3)); // abc
console.log(str.substring(3,0)); // abc, 거꾸로 입력해도 가능
console.log(str.substring(2,4)); // cd
console.log(str.substring(-1,4)); // abcd, -1은 0으로 취급
console.log(str.substring(0,20)); // abcdefghij, 문자열을 벗어나면 가능한 길이까지만 취급

 

✳️ String.prototype.toLowerCase() →Mozilla 참고하기

모든 문자열을 소문자로 변경해준다.

let hotChip = 'One Life Stand';
console.log(hotChip.toLowerCase());

// 'one life stand'

 

✳️ String.prototype.toUpperCase() →Mozilla 참고하기

모든 문자열을 대문자로 변경해준다.

let hotChip = 'One Life Stand';
console.log(hotChip.toUpperCase());

// 'ONE LIFE STAND'