string method
1. indexOf();
ex) "airline".indexOf('a'); // 0
cf) 만약, 괄호 내부에 하나의 알파벳이 아닌 특정
단어를 입력할 경우, 그 단어의 첫 번째 철자의 index 반환
- "jspython".indexOf("python") // 2(python의 p index가 2)
2. lastIndexOf();
- 특정 철자가 마지막으로 나오는 index return
3. slice(startIndex, endIndex)
- 문자열의 startindex부터 문자열의 endIndex-1까지를 string으로 반환
- endIndex 입력하지 않으면, startIndex - 문자열의 끝까지 반환
- 원본에는 변화 X
- ex) "airline".slice(2) // rline
- cf) 문자열 내부의 첫 번째 단어 출력
- str.slice(0, str.indexOf(' ')); // 첫번째 - 공백 직전
- cf2) '' 마지막 단어 출력
- str.slice(str.lastIndexOf(' '));
4. toLowerCase()
- 문자열의 대문자를 소문자로 바꿈
- 문자열을 비교하는 문제가 나오면,
toLowerCase를 통해 소문자로 바꾼 뒤 해결해보자!
5. toUpperCase()
- 문자열의 소문자를 대문자로 바꿈
6. trim()
- 문자열의 양끝 공백 제거
- " normal ".trim() // "normal"
7. replace("바꾸고 싶은 문자열", "대체로 들어올 문자열");
- 첫 번째 인자로 들어올 문자열을 두 번째 문자열로 바꿈
- "abcd".replace("bc", "BC"); // "aBCd"
- replace 메소드는 처음에 등장하는 문자열만 바꿈,
즉 모든 문자열의 "bc"를 바꾸지 않음
replace에서 모든 "bc"를 바꾸기 위해 정규식 활용해야
- "abcd".replace(/bc/g, "BC")
- / /g로 문자열 내부의 모든 "bc"를 대상으로 적용됨
8. includes('string')
- 특정 문자열 내부에 인자로 들어온 문자열이 있는지 확인(return boolean)
- "airbus".includes("air") // true
9. startsWith('string')
- 특정 문자열이 인자로 들어온 문자열로 시작하는지 확인
- "airbus".startsWith("air") // true
- "airbus".startsWith("bus") // false
10. endsWith("string")
- 특정 문자열이 인자로 들어온 문자열로 끝나는지 확인
- "airbus".endsWith("bus") // true
- "airbus".endsWith("air") // false
11. split("string")
- 특정 문자열에 대해 인자로 들어온 문자열을 만나면 그 전 문자를 배열로 반환
- "abc+def".split("+") // ["abc", "def"];
- "kim abcd".split(" ") // ["kim", "abcd"];
12. join("string")
- split와 반대되는 메소드
- 특정 배열이 들어오면 배열의 문자열을 하나의 문자열로 만들고,
배열의 원래 요소 사이에 인자로 들어온 문자열 삽입
- ex)["kim", "abcd"].join("+") // "kim+abcd"
ex2) ["kim", "abcd"].join("") // "kimabcd"
13. padStart / padEnd(number, string)
- 적용되는 문자열의 길이가 number보다 작을 경우
나머지를 string으로 채워주는 method(그 공백을 앞에서 채우느냐, 뒤에서 채우느냐에 따라 달라짐)
- "abc".padStart(6, "*") // "***abc"
- "abc".padEnd(6, "*") // "abc***"
14. repeat(number)
- 특정 문자열을 number만큼 반복하는 메소드
- "abc".repeat(2) // "abcabc"
'TIL > JavaScript' 카테고리의 다른 글
| Closure (0) | 2022.10.05 |
|---|---|
| Call, Apply, Bind (0) | 2022.09.27 |
| map, set (0) | 2022.08.28 |
| Class (0) | 2022.07.15 |
| 배열 관련 함수 (0) | 2022.05.22 |