Language/Java Script

[Java Script] 자바스크립트 내장 객체 - String

나는김혜린 2022. 3. 21. 20:16

Object (객체)

: Object 객체는 모든 js 객체의 루트 객체이다. (상위 객체)

 

String 객체

1. length

: 문자열의 길이를 반환하는 함수이다.

출력 : 10

 

2. indexOf

: 문자열 안에 특정 문자열이 존재하는지 찾고, 있다면 찾는 문자열이 시작되는 index를 반환하는 함수이다.

출력 : 4

 

3. lastIndexOf

: indexOf와 기능은 같지만 찾는 문자열이 둘 이상 발견되면 제일 마지막에 발견된 문자열의 index를 반환하는 함수이다.

만약 발견하지 못했다면 -1을 반환하고, 또한 두 번째 파라미터에 찾기 시작할 index의 위치를 설정할 수도 있다.

출력 : 11

 

4. slice

: 파라미터로 시작, 종료 위치를 주면 문자열에서 해당 부분을 잘라내어 반환하는 함수이다.

출력 : erin

만약 종료 위치를 생략하면 시작 위치에서 문자열 마지막 위치까지 잘라내어 반환한다.

또한 시작 위치 인덱스를 음수로 주면 문자열의 끝에서부터 거꾸로 읽게 된다.

 

5. substring

: slice 함수와 동일하지만, 파라미터로 음수를 허용하지 않는다.

 

6. substr

: slice 함수와 유사하지만 이 함수는 두 번째 파라미터가 시작 위치(첫 번째 파라미터)에서 잘라낼 문자의 길이를 나타낸다. 두 번째 파라미터를 생략한다면 시작 위치에서부터 마지막까지의 문자를 반환한다.

또한 시작 위치 index를 음수로 주면 문자열의 끝에서부터 거꾸로 읽게 된다.

 

7. replace

: 문자열 내의 특정 문자열을 임의의 문자열로 바꾸는 함수이다.

만약 문자열 내에 바꾸려는 문자열이 중복된다면 처음 발견된 문자열을 바꾼다.

출력 : Hi I'm kim hyerin

대소문자를 구분하며 이를 구분 없이 사용하려면 js 정규식을 사용해야 한다.

->

출력 : Hi I'm hyerin

* i는 insensitive(둔감한, 의식하지 못하는)의 약자로 대소문자를 구분하지 않겠다는 뜻이 됨

 

js 정규식을 사용하면 일치하는 모든 문자열을 바꿀 수 있다.

출력 : Hi I'm kim Hi I'm

8. toUpperCase, toLowerCase

: 대문자를 소문자로(toUpperCase), 소문자를 대문자로(toLowerCase) 바꿔준다.

 

9. concat

: 2개 이상의 문자열을 하나의 문자열로 합치는 함수이다.

출력 : hello world

10. charAt

: 문자열에서 특정 인덱스에 해당하는 문자 하나를 반환하는 함수이다.

출력 : l (알파벳)

 

11. charCodeAt

: 문자열에서 특정 index에 해당하는 문자 하나의 유니코드를 반환한다.

 

12. split

: 문자열 내의 특정 구분자를 기준으로 문자열을 분리해서 배열로 반환한다.

출력 : ['2005', '09', '09']

 

13. startsWith, endsWith

- startsWith : 문자열의 시작이 파라미터로 전달된 문자열로 시작되는지를 확인하는 함수이다.

출력 : true

- endsWith : 문자열의 끝이 파라미터로 전달된 문자열로 끝나는지를 확인하는 함수이다.

출력 : true


typescript, react를 공부하면서 느낀 게 아직 javascript에 대해 완벽하게 아는 것이 아니라는 사실이다.

그래서 바닐라 자바스크립트 책을 사서 공부해보기로 다짐했다. 변수나 연산자 같은 건 넘어갔고, 내가 몰랐던 부분에 대해서만 공부할 예정이당.

이 책은 실무 사용 사례 같은 것도 있어서 참 좋은 듯!!