Front-End/JavaScript

[JavaScript] 문법(9) 문자열 메소드(String methods)

유자맛바나나 2021. 10. 1. 03:12

 문자열 메소드(String methods)

1. length: 문자열 길이

let test = "value";
console.log(test.length);
> 5

 

2. 문자열 인덱싱

let test = "value";
console.log(test[0]);
> "v"

 

3. toUpperCase(), toLowerCase(): 대/소문자로 변환

let test = "Value";

console.log(test.toUpperCase());
> "VALUE"

console.log(test.toLowerCase());
> "value"

 

4. indexOf(): 문자열 위치 찾기

찾는 문자열의 첫 글자 위치를 반환한다. 없을 경우 -1을 반환한다.

let test = "Value example";

console.log(test.indexOf("example"));
> 6

console.log(test.indexOf("key")); 
> -1 // 없는 문자

 

5. 문자열 슬라이싱

5.1. slice(n,m)

시작점 n, 끝지점 m 으로 지정한다. m이 입력되지 않으면 끝까지 슬라이싱하며, 음수면 끝에서부터 센다.

let test = "Value example";

console.log(test.slice(6));
> "example" // test[6]부터 끝까지
console.log(test.slice(0,5));
> "Value" // test[0]부터 test[5]까지
console.log(test.slice(0,-3));
> "Value exam" // test[0]부터 끝에서 -3번째까지이므로 test[12-3]

 

5.2. substring(n,m)

n번째와 m번째 사이 문자열 반환. n과 m을 바꿔도 동작. 음수는 0으로 인식함.

let test = "Value example";
console.log(test.substring(0,5));
> "Value"
console.log(test.substring(5,0));
> "Value"

 

5.3. substr(n,m)

n번째부터 m개의 문자열을 반환한다.

let test = "   Value example   ";

console.log(test);
> "   Value example   "

console.log(test.trim());
> "Value example"

 

6. trim(): 앞 뒤 공백 제거

let test = "value";
console.log(test[0]);
> "v"

 

7. +, join(), concat(): 문자열 합치기

7.1. + 

let str = 'Java' + 'Script';
console.log(str);
> "JavaScript"

 

7.2. join()

let strArr = ['Citron', 'Banana', 'Delicious'];
let result = strArr.join();
console.log(result);
> "Citron,Banana,Delicious"

let result2 = strArr.join('/');
console.log(result2);
> "Citron/Banana/Delicious"

 

7.3. concat()

let str1 = "Citron";
let str2 = "Banana";
let str3 = "Delicious";
console.log(str1.concat(str2, str3));
> "CitronBananaDelicious"