본문 바로가기
카테고리 없음

JavaScript기초 - 문자열

by 윤뇽뇽

1. 문자열

- 일상생활에서 확인할 수 있는, 모든 글자의 나열

- 컴퓨터는 코드와 문자열을 구분하기 위해 작은따옴표(')나 큰따옴표(")를 사용하여 문자열을 구분한다.

- 문자열은 read only!

- 모든 문자열 메서드는 immutable(원본이 변하지 않음)

 

- str[index]

var str = 'CodeStates';
console.log(str[0]); // 'C'
console.log(str[4]); // 'S'
console.log(str[10]); // undefined

- 문자열에는 + 연산자를 사용할 수 있다.   

var str1 = 'Code';
var str2 = 'States';
var str3 = '1';

console.log(str1 + str2); // 'CodeStates'
console.log(str3 + 7); // '17'

 *문자열과 다른타입을 +할경우 다른 타입이 string 형식으로 강제 변환됨

 

2. 문자열 속성과 메서드

- length 속성 : 문자열의 전체 길이를 반환

var str = 'CodeStates';
console.log(str.length); // 10

 

- str.indexOf(SearchValue) 메서드 : 처음으로 일치하는 index를 반환함. 찾고자 하는 문자열이 없으면 -1 출력

- str.lastIndexOf(SearchValue) : 문자열 뒤에서부터 일치하는 index 출력

- str.includes(SearchValue) : 문자열 안에 해당 index가 포함되어 있는지 없는지 판별하여 true/false 출력

'Blue Whale'.indexOf('Blue');         //  0
'Blue Whale'.indexOf('blue');         //  -1
'Blue Whale'.indexOf('Whale');        //  5
'Blue Whale Whale'.indexOf('Whale');  //  5

'canal'.lastIndexOf('a');             //  3

'Blue Whale'.includes('Blue');        //  true

 

- str.split(seperator) : seperator기준으로 문자열을 분리, 분리된 문자열이 포함된 배열을 출력함

  • csv(comma-separated values)형식을 다룰때 편리함
  • seperator : ' '(공백) / '\n'(줄바꿈) 
var str = 'Hello from the other side'
console.log(str.split(''));
// ['Hello','from','the','other','side'

 

- str.substring(start, end) : 시작과 끝 사이의 문자열을 반환함(end index는 포함하지x)

var str = 'abcdefghij';
console.log(str.substring(0,3));              //  'abc'
console.log(str.substring(3,0));              //  'abc'
console.log(str.substring(1,4));              //  'bcd'
console.log(str.substring(-1,4));             //  'abcd'    *음수는 0으로 취급
console.log(str.substring(0,20));             //  'abcdefghij'   *index범위 내의 문자까지만 출력

 

- str.toLowerCase() / str.toUpperCase() : 대문자를 소문자로, 소문자를 대문자로 변환하여 출력  

console.log('ALPHBET'.toLowerCase();   // 'alphabet'
console.log('alphabet'.toUpperCase();  // 'ALPHABET'

 

*스스로 공부해보기

- str.trim

- str.match

- str.replace

- 정규표현식

- 공백문자

댓글