DevLog

[JS] 문자열 메소드(String methods) 모아보기, 자바스크립트 문자열 포매팅 본문

프로그래밍 언어/Javascript | Typescript

[JS] 문자열 메소드(String methods) 모아보기, 자바스크립트 문자열 포매팅

김만콩 2023. 7. 18. 17:23

문자열 메소드

문자열 변환

`str.toUpperCase()` / `str.toLowerCase()`

문자열 전체를 대문자 / 소문자로 변환한다.

 

문자열 탐색

`str.indexOf(txt)`

문자열 첫번째 시작 위치 인덱스를 반환한다.

문자열 내부에 찾는 문자(열)이 없으면 -1을 반환한다.

 

`str.includes(txt)`

문자열이 포함되는지 여부를 판단하여 반환한다.

 

문자열 슬라이싱

`str.slice(n, m)`

인덱스 n부터 (m-1)까지 슬라이싱한다.

 

`str.substring(n, m)`

인덱스 n과 인덱스 m 사이 문자열을 잘라서 반환한다. n과 m의 순서를 바꿔도 똑같이 작동한다.

음수는 0으로 인식하기 때문에 허용 X

 

`str.substr(n, m)`

인덱스 n부터 m개의 문자를 잘라서 반환한다.

let desc = "abcdef";

desc.slice(0); // "abcdef" 처음부터 끝까지
desc.slice(2, -2); // "cd" 2부터 -2 앞까지

desc.substring(2, 5); // "cde"
desc.substring(5, 2); // "cde"

desc.substr(-4, 2); // "cd" -4부터 2개

 

문자열 공백 제거

`str.trim()`

문자열 앞뒤에 있는 공백을 모두 제거한다.

let desc = "   hello    ";
desc.trim(); // "hello"

 

문자열 반복

`str.repeat(n)`

문자열을 n번 반복한다.

let desc = "hi";
desc.repeat(5); // "hihihihihi"

 

아스키 코드 / 유니코드로 문자열 비교

`"a".codePointAt(0);` // char -> int
`String.fromCodePoing(97);` // int -> char

"a".codePointAt(0); // 97
String.fromCodePoing(97); // "a"

문자열 포매팅

파이썬의 f 포매팅, format 함수처럼 JS에서는 따옴표 대신 백틱 `을 사용하여

문자열과 ${변수}를 감싸주면 문자열 내부에서 변수를 사용할 수 있다.

const name = "mankkong";

// + 연산자로 합치는 방법
console.log("Hello, " + name);
// `` 백틱 내에서 한번에 작성하는 방법 
console.log(`Hello, ${name}`);

// 결과 = Hello, mankkong