Javascript : 문자열 객체

01. string.prototype.at() : 메서드는 지정한 숫자(index)를 받아, 문자열에서 해당 되는 인덱스의 요소를 반환합니다.
02. string.prototype.charAt() : 메서드는 지정한 숫자(index)를 받아, 문자열에서 해당 되는 인덱스의 단일문자를 반환합니다.
03. string.prototype.charCodeAt() : 메서드는 지정한 숫자(index)를 받아, 문자열에서 해당 되는 인덱스의 유니코드 정수 값을 반환합니다.
04. string.prototype.charPointAt() : 메서드는 지정한 숫자(index)를 받아, 문자열에서 해당 되는 인덱스의 유니코드 포인트 정수 값을 반환합니다.
05. string.prototype.concat() : 메서드는 매개변수로 전달된 문자열을 받어, 결합된 새로운 문자열을 반환합니다.
06. string.prototype.includes()⭐ : 메서드는 문자열 포함 여부를 검색하여, 불린(true, false)을 반환합니다.
07. string.prototype.indexOf()⭐ : 메서드는 문자열을 검색하여, 주어진 값과 일치하는 첫 번째 위치값(index)을 반환합니다.
08. string.prototype.lastIndexOf() : 메서드는 문자열을 역순으로 검색하여, 주어진 값과 일치하는 첫 번째 위치값(index)을 반환합니다.
09. string.prototype.localeCompare() : 메서드는 문자열과 문자열을 비교하여, 수치(음수, 양수, 0)을 반환합니다.
10. string.prototype.match() : 메서드는 문자열(정규식)을 검색하고, 문자열(배열)을 반환합니다.
11. string.prototype.matchAll() : 메서드는 문자열(정규식)을 검색하고, 일치하는 모든 문자열(배열)을 반환합니다.
12. string.prototype.normalize() : 메서드는 주어진 문자열을 정규화된 형태로 반환합니다.
13. string.prototype.padEnd() : 메서드는 주어진 길이에 맞게 뒤 문자열을 채우고, 새로운 문자열을 반환합니다.
14. string.prototype.padStart() : 메서드는 주어진 길이에 맞게 앞 문자열을 채우고, 새로운 문자열을 반환합니다.
15. string.prototype.repeat() : 메서드는 주어진 횟수만큼 반복 복사하여, 새로운 문자열을 반환합니다.
16. string.prototype.replace() : 메서드는 문자열에서 특정 문자열을 교체하여, 새로은 문자열을 반환합니다.
17. string.prototype.replaceAll() : 메서드는 문자열에서 특정 문자열을 모두 교체하여, 새로은 문자열을 반환합니다.
18. string.prototype.search()⭐ : 메서드는 문자열(정규식)을 검색하고, 위치값(숫자)을 반환합니다.
19. string.prototype.slice()⭐⭐ : 메서드는 문자열에서 시작 위치에서 종료 위치 값을 추출하여, 새로운 문자열을 반환합니다.
20. string.prototype.substring()⭐ : 메서드는 문자열에서 시작 위치에서 종료 위치 값을 추출하여, 새로운 문자열을 반환합니다.
21. string.prototype.substr() : 메서드는 문자열에서 시작 위치에서 길이 값을 추출하여, 새로운 문자열을 반환합니다.
22. string.prototype.split()⭐⭐⭐ : 메서드는 문자열을 구분자로 구분하고, 여러 개의 문자열(배열)을 반환합니다.
23. string.prototype.startsWith() : 메서드는 시작하는 문자열에서 특정 문자열로 시작하는 확인하여, 그 결과를 불린(true, false)로 반환합니다.
24. string.prototype.endsWith() : 메서드는 끝나는 문자열에서 특정 문자열로 끝나는지 확인하여, 그 결과를 불린(true, false)로 반환합니다.
25. string.prototype.toLocaleLowerCase() : 메서드는 문자열을 소문자로 설정하고, 로케일 소문자 문자열을 반환합니다.
26. string.prototype.toLocaleUpperCase() : 메서드는 문자열을 대문자로 설정하고, 로케일 대문자 문자열을 반환합니다.
27. string.prototype.toLowerCase() : 메서드는 문자열을 소문자로 설정하고, 소문자 문자열을 반환합니다.
28. string.prototype.toUpperCase() : 메서드는 문자열을 대문자로 설정하고, 대문자 문자열을 반환합니다.
29. string.prototype.toString() : 메서드는 데이터를 문자열로 변환하고, 문자열을 반환합니다.
30. string.prototype.trim()⭐ : 메서드는 문자열의 앞/뒤 공백을 제거하고, 새로운 문자열을 반환합니다.
31. string.prototype.trimStart() : 메서드는 문자열의 앞 공백을 제거하고, 새로운 문자열을 반환합니다.
32. string.prototype.trimEnd() : 메서드는 문자열의 뒤 공백을 제거하고, 새로운 문자열을 반환합니다.
33. string.prototype.valueOf() : 메서드는 객체의 원시값을 반환합니다.

06. includes()

⭐"문자열".includes(검색값, [위치값])
문자열 포함
메서드는 문자열 포함 여부를 검색하여, 불린(true,false)를 반환합니다.

"javascript reference".includes("javascript"); 
"javascript reference".includes("j");          
"javascript reference".includes("J");         
"javascript reference".includes("a");          
"javascript reference".includes("reference"); 
"javascript reference".includes("reference, 11");
"javascript reference".includes("reference, 12");

console.log("javascript reference".includes("javascript"))

결과 확인하기

true
true
false
true
true
true
false

07. indexOf()

문자열을 검색하여, 주어진 값과 일치하는 첫 번째 위치값(index)을 반환합니다.
문자열을 검색하여, 주어진 값과 일치하는 것이 없으면 -1을 반환합니다.
대소문자를 구분합니다.

{
    "javascript refercence".indexOf("javascript");             
    "javascript refercence".indexOf("javascripts");             
    "javascript refercence".indexOf("j");                         
    "javascript refercence".indexOf("J");                       
    "javascript refercence".indexOf("a");                       
    "javascript refercence".indexOf("ja");                      
    "javascript refercence".indexOf("jv");                      
    "javascript refercence".indexOf("r");                      
    "javascript refercence".indexOf("re");                     
    "javascript refercence".indexOf("javascript", 0);          
    "javascript refercence".indexOf("javascript", 1);          
    "javascript refercence".indexOf("javascript", 0);          
    "javascript refercence".indexOf("javascript", 11);         
    "javascript refercence".indexOf("javascript", 12);        
    "javascript refercence".indexOf("r", 7);                  
    "javascript refercence".indexOf("r", 12);                  
}

결과 확인하기

0
-1 s가 붙으면 -1
0
-1
1
0
-1
6
11
0
-1
11
-1
-1
11
15

08. lastindexOf()

문자열을 역순으로 검색하여, 주어진 값과 일치하는 첫 번째 위치값(index)을 반환합니다.
문자열을 역순으로 검색하여, 주어진 값과 일치하는 것이 없으면 -1을 반환합니다.
대소문자를 구분합니다.

"javascript reference".lastIndexOf("javascript"); //0
"javascript reference".lastIndexOf("javascripts"); //-1
"javascript reference".lastIndexOf("j"); //0
"javascript reference".lastIndexOf("a"); //3
"javascript reference".lastIndexOf("jv"); //-1
"javascript reference".lastIndexOf("reference"); //11
"javascript reference".lastIndexOf("r"); //15

console.log("javascript reference".lastindexOf("javascript"));

결과 확인하기

0
-1
0
3
-1
11
15

10. match()

⭐"문자열".match(검색값)
⭐"문자열".match(정규식표현)
문자열(정규식)을 검색하고, 문자값(배열)을 반환합니다.
문자열을 검색하여 주어진 값과 일치하는 것이 없으면 null을 반환합니다.
대소문자를 구별합니다.
match() 메서드는 문자값(배열)을 반환하고, search() 메서드는 위치값(숫자)를 반환하는 것이 다릅니다.

"javascript reference".match("javascript");     
"javascript reference".match("reference");
"javascript reference".match("r");  
"javascript reference".match("R");     
"javascript reference".match("ja");    
"javascript reference".match(/reference/);    
"javascript reference".match(/Reference/);    
"javascript reference".match(/Reference/i);    
"javascript reference".match(/Reference/g);     
"javascript reference".match(/r/);    
"javascript reference".match(/r/g);    
"javascript reference".match(/w/g);     
"javascript reference".match(/R/ig);   

console.log("javascript reference".match("javascript"));

결과 확인하기

"javascript"
"reference"
"r"
null
"ja"
reference 정규식 표현
null
reference
reference
reference
rrr
null
rrr

18. search()

⭐"문자열".search(검색값)
⭐"문자열".search(정규식표현)
문자열(정규식)을 검색하고, 위치값(숫자)를 반환합니다.
문자열을 검색하여 위치값(숫자)를 반환합니다.

"javascript reference".search("javascript");   
"javascript reference".search("reference");     
"javascript reference".search("r");         
"javascript reference".search("a");         
"javascript reference".search("jv");         
"javascript reference".search("J");         
"javascript reference".search(/reference/);          
"javascript reference".search(/Reference/);          
"javascript reference".search(/Reference/i);           
"자바스크립트".search(/[a-z]/g);          

console.log("javascript reference".search("javascript"));

결과 확인하기

0
11
6
1
-1
-1
11 // i를 쓰면 대문자를 소문자로
-1 // g는 글로벌. 전체 다 확인한다는 뜻

06. slice()

⭐ "배열".slice(시작 위치, [끝나는 위치])

시작 위치에서 종료 위치 값을 추출하여, 새로운 배열을 반환합니다.

"javascript".slice(0);   
"javascript".slice(1);          
"javascript".slice(2);          
"javascript".slice(0, 1);       
"javascript".slice(1, 2);       
"javascript".slice(0, 2);       
"javascript".slice(0, 3);     
"javascript".slice(5, 10);      
"javascript".slice(5, -1);     
"javascript".slice(5, -2);     
"javascript".slice(-1);         
"javascript".slice(-2);       
"javascript".slice(-3);         
"javascript".slice(-3, -1);     
"javascript".slice(-3, -2);

결과 확인하기

javascript
avascript
vascript
j
a
ja
jav
cript
crip
cri
t
pt
ipt
ip
i

22. split()

⭐"문자열".split(구분자, [제한])

구분자를 이용하여, 여러개의 문자열(배열)을 반환합니다.

"javascript".split("");     
"java script".split("");             
"java scr ipt".split("");           

"javascript".split("",1);           
"javascript".split("",2);          
"javascript".split("",3);           

"java script".split(" ",1);         
"java script".split(" ",2);          

"javascript".split("j");            
"javascript".split("a");            
"javascript".split("e");         

"java/scr/ipt".split("/");        
"java&scr!ipt".split("&");          
"java&scr!ipt".split("!");          
"java&scr!ipt".split("/&|\!/");     

"javascript".split("").join();                
"javascript".split("*").join();                 
"javascript".split("").reverse().join();       
"javascript".split("").reverse().join("/");

결과 확인하기

['j','a','v','a','s','c','r','i','p','t']
['java', 'script']
['java', 'scr', 'ipt']
['j']
['j','a']
['j','a','v']
['java']
['java', 'script']
['', 'avascript']
['j','v','script']
['javascript']
['java', 'scr', 'ipt']
['java', 'scr!ipt']
['java&scr', 'ipt']
['java', 'scr', 'ipt'] 정규식표현
j,a,v,a,s,c,r,i,p,t
j*a*v*a*s*c*r*i*p*t
t,p,i,r,c,s,a,v,a //리버스는 문자열에서만
t/p/i/r/c/s/a/v/a

30. trim()

⭐ "문자열".trim()

문자열의 앞뒤 공백을 제거하고 새로운 문자열을 반환합니다.

"javascript".trim("");                //javascript
"javascript ".trim("");               //javascript
" javascript".trim("");               //javascript
" javascript".trim("");               //java script

31. trimStart()

⭐ "문자열".trimStart()

문자열의 앞 공백을 제거하고, 새로운 문자열을 반환합니다.

 " javascript".trimStart("");          //javascript

32. trimEnd()

⭐ "문자열".trimEnd()

문자열의 뒤 공백을 제거하고, 새로운 문자열을 반환합니다.

 "javascript ".trimEnd("");          //javascript