티스토리 뷰
지난 번 배열에 이어 이번에는 스트링과 관련한 주요 메서드 혹은 지식들을 정리해보자.
- 접근
1. str.charAt(i)
2. str[i]
=> 두번째 방법은 접근만 가능할 뿐 변경 및 삭제 불가
- String 생성자와 원형 비교
1. new 키워드를 사용한 String()호출은 String이 아닌 객체 형태를 반환한다.
const s_prim = "foo";
const s_str = String(s_prim);
const s_obj = new String(s_prim);
console.log(typeof s_prim); // "string"
console.log(typeof s_str); // "string"
console.log(typeof s_obj); // "object"
- 유니코드 변환
1. String.fromCharCode(num1 [, num2, ...])
: 유니코드 => String
2. str.charCodeAt(pos)
: String => 유니코드
그 외
- str.concat(str1, str2, ...) ✨
: String 이어 붙이기
- str.includes(searchString, [,pos]) ✨
: String 검색. 위치 가능, 검색을 시작할 위치
- str.endWith(searchString [,length])
: String이 특정 문자열로 끝나는지 확인, length를 통해 기존 문자열을 잘라서 확인 가능
- str.indexOf(searchChar, [, fromIndex])
: 특정 문자가 등장하는 첫번째 인덱스를 반환, fromIndex를 통해 문자열을 찾기 시작하는 위치 설정 가능
- str.toUpperCase() / str.toLowerCase()
: 문자열을 모두 대문자/소문자로
- obj.toString()
: 객체를 String 형으로 변환.
- str.padStart(targetLength [,padString]) / str.padEnd(targetLength [,padString]) ✨
: String의 앞뒤에 공백(default) 혹은 특정 문자로 채워 자릿수를 채우도록 함
- str.subString(start, end) / str.slice(start, end) ✨
: start부터 end 인덱스 직전까지 자른 새로운 문자열을 반환
=> end 인덱스는 포함 X
❗ subString vs slice
- 위의 함수는 동일한 기능을 수행
- start가 end의 값보다 큰 값을 가질 때,
subString : start와 end를 뒤바꾸어 문자열을 출력한다.
slice : "" 빈 문자열을 출력한다.
- String 비교는 바로 <, > 를 통해 가능하다.
'Front-end > JavaScript' 카테고리의 다른 글
[JS] 배열 주요 메서드 정리 (0) | 2022.10.02 |
---|---|
[Vanilla JS] value, innerText, textContent, innerHTML의 차이점 (0) | 2022.01.18 |
[Vanilla JS] 동적으로 할당된 객체에 FontAwesome 아이콘 삽입 (0) | 2022.01.17 |
[Vanilla JS] 현재 날짜/시간 가져오기 (0) | 2022.01.17 |
Comments