[JavaScript] 자바스크립트#5 문자열(string)의 메소드(method), 프로퍼티(property)

문자열 찾기

- 숫자를 입력하면 해당 위치의 문자열을 반환

- 제일 앞 자리는 0으로  인식

- 공백 또한 인식

- 코드 : 문자열[숫자]

 

코드	결과값
'Jac ob'[0]	'J'
'Jac ob'[1]	'a'
'Jac ob'[2]	'c'
'Jac ob'[3]	' '
'Jac ob'[4]	'o'

Length 속성(Properties)

- 문자열의 전체 길이 반환

- 코드 : 문자열.length

 

코드	결과값
'Jacob'.length	5

각종 메소드 (Method)

1. indexOf

- 매개변수(parameter)와 전달인자(argument) : 찾고자 하는 문자열 입력

- 반환값 (return value) : 입력한 문자열의 위치를 숫자로 반환. 찾고자 하는 문자열이 없으면 반환값이 -1.

- 찾고자 하는 문자열이 중복되면 제일 앞에 있는 문자열의 위치를 반환

- 코드 : 문자열.indexOf(문자열)

 

코드	결과값	비고
'Hello Hi World'.indexOf('e')	1	위치는 0부터 카운팅
'Hello Hi World'.indexOf('Hi')	6	띄어쓰기 공백도 카운팅
'Hello Hi World'.indexOf('H')	0	H 2개 중 앞에 있는 H의 위치 반환
'Hello Hi World'.indexOf('h')	-1	소문자 'h'는 없으므로 -1 반환

2. lastIndexOf

- 매개변수(parameter)와 전달인자(argument) : indexOf처럼 찾고자 하는 문자열 입력

- 반환값 (return value) : indexOf와 달리 찾고자 하는 문자열이 중복된다면 제일 뒤에 있는 문자열의 위치를 반환

- 코드 : 문자열.lastIndexOf(문자열)

 

코드	결과값	비고
'Hello Hi World'.lastIndexOf('e')	1	indexOf와 동일
'Hello Hi World'.lastIndexOf('Hi')	6	indexOf와 동일
'Hello Hi World'.lastIndexOf('H')	6	H 2개 중 뒤에 있는 H의 위치 반환
'Hello Hi World'.lastIndexOf('h')	-1	indexOf와 동일

3. split

- 매개변수(parameter)와 전달인자(argument) : 분리 기준이 되는 문자열

- 반환값 : 기준에 따라 쉼표로 분리된 문자열이 포함된 배열

- CSV(Comma-Separated Variables : 쉼표로 구분한 텍스트 파일)형식 처리할 때 용이

- 코드 : 문자열.split(문자열)

 

코드	결과값
'Hello Hi World'.split(' ')	'Hello', 'Hi', 'World'

4. slice

- 문자열 중 일부분을 추출해서 표시 (substring 메소드도 유사하게 사용됨)

- 매개변수(parameter)와 전달인자(argument) : 추출할 문자열의 시작 인덱스(begin index)와 끝 인덱스(end index)를 숫자로 입력

- 반환값 : 시작 인덱스와 끝 인덱스 사이의 문자열

- 코드 : 문자열.slice(begin index, end index)

 

*전달인자 추가설명

- 시작 인덱스는 생략 가능하며, 이 경우 0번 인덱스부터 추출됨

- end 인덱스에 해당하는 문자열은 추출하지 않고, 그 앞의 문자열 까지만 추출함.

- 음수 인덱스는 문자열의 맨 뒤에서부터 카운팅. 제일 맨 뒤 문자열의 인덱스는 -1

 

코드	결과값	비고
'hellojacob'.slice(0,4)	'hell'	4번 인덱스에 해당하는 'o'는 반환하지 않고, 0부터 3번 인덱스까지의 문자열만 표시
'hellojacob'.slice(4)	'hell'	시작 인덱스가 생략되어 0으로 자동 입력
'hellojacob'.slice(0,10)	'hellojacob'	문자열 길이는 10. 마지막 문자열의 인덱스는 9
'hellojacob'.slice(1,5)	'ello'	시작 인덱스를 1로 지정하여 1번 인덱스부터 추출
'hellojacob'.slice(0,-2)	'hellojac'	-2번 인덱스는 'o'이며, 그 앞의 문자열 'c'까지만 추출
'hellojacob'.slice(-5,-1)	'jaco	마지막 문자열 'b'의 인덱스는 -1이며, 그 앞의 문자열 'o'까지만 추출

5. toLowerCase() / toUpperCase()

- 매개변수(parameter)와 전달인자(argument) : 없음

- 반환값 : 소문자 / 대문자로 변환

- 코드 : 문자열.toLowerCase() / 문자열.toUpperCase()

 

코드	결과값
'HELLOJACOB'.toLowerCase()	hellojacob
'helloJACOB'.toLowerCase()	hellojacob
'hellojacob'.toUpperCase()	HELLOJACOB
'helloJACOB'.toUpperCase()	HELLOJACOB