01. at( )
"문자열".at(검색값)
- 메서드는 지정한 숫자(index)를 받아, 문자열에서 해당 되는 인덱스의 요소를 반환합니다.
- 대소문자를 구별을 안합니다.
{
"javascript reference".at(0); //j
"javascript reference".at(1); //a
"javascript reference".at(2); //v
"javascript reference".at(-1); //e
"javascript reference".at(-2); //e
"javascript reference".at("java"); //j
"javascript reference".at("Java"); //j
"javascript reference".at("refer"); //j
"javascript reference".at("REfer"); //j
}
02. charAt( )
"문자열".charAt(검색값)
- 메서드는 문자열 포함 여부를 검색하여, 지정된 인덱스 위치에 있는 문자 하나를 반환합니다.
- 문자열을 검색하여, 주어진 값과 일치하는 것이 없거나 음수는 빈문자열 반환합니다.
- 대소문자를 구별을 안합니다.
{
"javascript reference".charAt(0); //j
"javascript reference".charAt(1); //a
"javascript reference".charAt(2); //v
"javascript reference".charAt(25); //
"javascript reference".charAt(-1); //
"javascript reference".charAt(-2); //
"javascript reference".charAt("java"); //j
"javascript reference".charAt("Java"); //j
"javascript reference".charAt("refer"); //j
"javascript reference".charAt("REfer"); //j
}
03. charCodeAt( )
"문자열".charCodeAt(검색값)
- 메서드는 지정한 숫자(index)를 받아, 문자열에서 해당 되는 인덱스의 유니코드 정수 값을 반환합니다.
- 문자열을 검색하여, 주어진 값과 일치하는 것이 없거나 음수는 'NaN' 을 반환합니다.
- 대소문자를 구별을 안합니다.
{
"javascript reference".charCodeAt(0); //106
"javascript reference".charCodeAt(1); //97
"javascript reference".charCodeAt(2); //118
"javascript reference".charCodeAt(25); //NaN
"javascript reference".charCodeAt(-1); //NaN
"javascript reference".charCodeAt(-2); //NaN
"javascript reference".charCodeAt("java"); //106
"javascript reference".charCodeAt("Java"); //106
"javascript reference".charCodeAt("refer"); //106
"javascript reference".charCodeAt("REfer"); //106
}
04. codePointAt( )
"문자열".codePointAt(검색값, [위치값])
- 메서드는 지정한 숫자(index)를 받아, 문자열에서 해당 되는 인덱스의 유니코드 포인트 정수 값을 반환합니다.
- 문자열을 검색하여, 주어진 값과 일치하는 것이 없거나 음수는 'undefined' 을 반환합니다.
- 대소문자를 구별을 안합니다.
{
"javascript reference".codePointAt(0); //106
"javascript reference".codePointAt(1); //97
"javascript reference".codePointAt(2); //118
"javascript reference".codePointAt(25); //undefined
"javascript reference".codePointAt(-1); //undefined
"javascript reference".codePointAt(-2); //undefined
"javascript reference".codePointAt("java"); //106
"javascript reference".codePointAt("Java"); //106
"javascript reference".codePointAt("refer"); //106
"javascript reference".codePointAt("REfer"); //106
}
05. concat( )
"문자열".concat(문자열2, 문자열3)
- 메서드는 매개변수로 전달된 문자열을 받어, 결합된 새로운 문자열을 반환합니다.
- 호출된 문자열은 변경되지 않습니다
{
const str1 = "Hello";
const str2 = "world";
const str3 = "!";
const result = str1.concat(" ", str2, str3);
console.log(result); // "Hello world!"
console.log(str1); // "Hello"
console.log(str2); // "world"
console.log(str3); // "!"
}
06. includes( )
"문자열".includes(검색값, [위치값])
- 메서드는 문자열 포함 여부를 검색하여, 불린(true, false)을 반환합니다.
- 대소문자를 구별합니다.
{
"javascript reference".includes("javascript"); //true
"javascript reference".includes("j"); //true
"javascript reference".includes("a"); //true
"javascript reference".includes("reference"); //true
"javascript reference".includes("reference", 11); //true
"javascript reference".includes("reference", 12); //false
"javascript reference".includes("J"); //false
}
07. indexOf( )
"문자열".indexOf(검색값, [위치값])
- 메서드는 문자열을 검색하여, 주어진 값과 일치하는 첫 번째 위치값(index)을 반환합니다.
- 문자열을 검색하여, 주어진 값과 일치하는 것이 없으면 -1을 반환합니다.
- 대소문자를 구별합니다.
{
"javascript refercence".indexOf("javascript"); //0
"javascript refercence".indexOf("javascripts"); //-1
"javascript refercence".indexOf("j"); //0
"javascript refercence".indexOf("J"); //-1
"javascript refercence".indexOf("a"); //1
"javascript refercence".indexOf("ja"); //0
"javascript refercence".indexOf("jv"); //-1
"javascript refercence".indexOf("refercence"); //11
"javascript refercence".indexOf("r"); //6
"javascript refercence".indexOf("re"); //11
"javascript refercence".indexOf("javascript", 0); //0
"javascript refercence".indexOf("javascript", 1); //-1
"javascript refercence".indexOf("refercence", 0); //11
"javascript refercence".indexOf("refercence", 11); //11
"javascript refercence".indexOf("refercence", 12); //-1
"javascript refercence".indexOf("r", 7); //11
"javascript refercence".indexOf("r", 12); //15
}
08. lastIndexOf( )
"문자열".lastIndexOfOf(검색값, [위치값])
- 메서드는 문자열을 검색하여, 주어진 값과 일치하는 첫 번째 위치값(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
}
09. localeCompare( )
"문자열1".localeCompare("문자열2")
- 메서드는 문자열과 문자열을 비교하여, 수치(음수, 양수, 0)을 반환합니다.
- -1 : 호출된 문자열이 다른 문자열보다 작은 순서에 있습니다.
- 0 : 호출된 문자열과 다른 문자열이 동일한 순서에 있습니다.
- 1 : 호출된 문자열이 다른 문자열보다 큰 순서에 있습니다.
{
const str1 = "apple";
const str2 = "banana";
const str3 = "city";
console.log(str1.localeCompare(str2)); // -1
console.log(str2.localeCompare(str1)); // 1
console.log(str1.localeCompare(str1)); // 0
console.log(str1.localeCompare(str3)); // -1
console.log(str3.localeCompare(str1)); // 1
}
10. match( )
"문자열".match(검색값, [위치값])
- 메서드는 문자열을 검색하여, 주어진 값과 일치하는 첫 번째 위치값(index)을 반환합니다.
- 문자열을 검색하여, 주어진 값과 일치하는 것이 없으면 -1을 반환합니다.
- 대소문자를 구별합니다.
- match() 메서드는 문자값(배열)을 반환하고, search() 메서드는 위치값(숫자)을 반환 하는 것이 다릅니다.
{
"javascript reference".match("javascript"); //0
"javascript reference".match("reference"); //11
"javascript reference".match("r"); //6
"javascript reference".match("R"); //null
"javascript reference".match("ja"); //0
"javascript reference".match(/reference/); //11
"javascript reference".match(/Reference/); //null
"javascript reference".match(/Reference/i); //11
"javascript reference".match(/Reference/g); //null
"javascript reference".match(/r/); //6
"javascript reference".match(/r/g); //r, r, r
"javascript reference".match(/w/g); //null
}
12. normalize( )
"문자열".normalize([form])
- 메서드는 주어진 문자열을 정규화된 형태로 반환합니다.
- form은 NFC, NFD, NFKC, NFKD 중 하나일 수 있으며, 기본값은 NFC입니다.
- 문자열의 유니코드 표준화를 수행하여 문자열에서 결합 문자, 분리 문자 등의 다양한 문자를 단일 문자로 변환합니다.
{
const str1 = "caf\u00e9";
const str2 = "cafe\u0301";
console.log(str1 === str2); // false
console.log(str1.normalize() === str2.normalize()); // true
console.log(str1.normalize()); //café
console.log(str2.normalize()); //café
console.log(str1.normalize('NFD')); //café
console.log(str1.normalize('NFKC')); //café
console.log(str1.normalize('NFKD')); //café
}
13. padEnd( )
"문자열".padEnd(문자열 길이, [추가 문자열])
- 메서드는 주어진 길이에 맞게 뒤 문자열을 채우고, 새로운 문자열을 반환합니다.
- 추가되는 문자열은 기본값으로 공백 문자열(' ')입니다.
{
const str = "hello";
console.log(str.padEnd(10)); // "hello "
console.log(str.padEnd(10, '-')); // "hello-----"
console.log(str.padEnd(6, '★')); // "hello★"
console.log(str.padEnd(3, '_')); // "hello"
}
14. padStart( )
"문자열".padStart(문자열 길이, [추가 문자열])
- 메서드는 주어진 길이에 맞게 뒤 문자열을 채우고, 새로운 문자열을 반환합니다.
- 추가되는 문자열은 기본값으로 공백 문자열(' ')입니다.
{
const str = "hello";
console.log(str.padStart(10)); // " hello"
console.log(str.padStart(10, '-')); // "-----hello"
console.log(str.padStart(6, '★')); // "★hello"
console.log(str.padStart(3, '_')); // "hello"
}
15. repeat( )
"문자열".repeat(반복 횟수)
- 메서드는 주어진 횟수만큼 반복 복사하여, 새로운 문자열을 반환합니다.
- (반복 횟수) 는 반드시 0 이상의 정수 값이어야 합니다.
{
const str = "hello";
const str2 = "world";
console.log(str.repeat(3)); // "hellohellohello"
console.log(str.repeat(0)); // ""
console.log(str2.repeat(5)); // "worldworldworldworldworld"
console.log(str2.repeat(1)); // "world"
}
18. search( )
"문자열".search(검색값)
"문자열".search(정규식표현)
"문자열".search(정규식표현)
- 메서드는 문자열(정규식)을 검색하고, 위치값(숫자)을 반환합니다.
- 문자열을 검색하여, 주어진 값과 일치하는 것이 없으면 null을 반환합니다.
- 대소문자를 구별합니다.
{
"javascript reference".search("javascript"); //0
"javascript reference".search("reference"); //11
"javascript reference".search("r"); //6
"javascript reference".search("a"); //1
"javascript reference".search("jv"); //-1
"javascript reference".search("J"); //-1
"javascript reference".search(/reference/); //11
"javascript reference".search(/Reference/); //-1
"javascript reference".search(/Reference/i); //11
"javascript reference".search(/[a-z]/g); //0
}
19. slice( )
"문자열".slice(시작위치, [끝나는 위치])
- slice( ) 메서드는 배열 시작 위치에서 종료 위치 값을 추출하여, 새로운 배열을 반환합니다.
{
['j','a','v','a','s','c','r','i','p','t'].slice(0); //['j', 'a', 'v', 'a', 's', 'c', 'r', 'i', 'p', 't']
['j','a','v','a','s','c','r','i','p','t'].slice(1); //['a', 'v', 'a', 's', 'c', 'r', 'i', 'p', 't']
['j','a','v','a','s','c','r','i','p','t'].slice(2); //['v', 'a', 's', 'c', 'r', 'i', 'p', 't']
['j','a','v','a','s','c','r','i','p','t'].slice(0, 1); //['j']
['j','a','v','a','s','c','r','i','p','t'].slice(1, 2); //['a']
['j','a','v','a','s','c','r','i','p','t'].slice(0, 2); //['j', 'a']
['j','a','v','a','s','c','r','i','p','t'].slice(0, 3); //['j', 'a', 'v']
['j','a','v','a','s','c','r','i','p','t'].slice(5, 10); //['c', 'r', 'i', 'p', 't']
['j','a','v','a','s','c','r','i','p','t'].slice(5, -1); //['c', 'r', 'i', 'p']
['j','a','v','a','s','c','r','i','p','t'].slice(5, -2); //['c', 'r', 'i']
['j','a','v','a','s','c','r','i','p','t'].slice(-1); //['t']
['j','a','v','a','s','c','r','i','p','t'].slice(-2); //['p', 't']
['j','a','v','a','s','c','r','i','p','t'].slice(-3); //['i', 'p', 't']
['j','a','v','a','s','c','r','i','p','t'].slice(-3, -1); //['i', 'p']
['j','a','v','a','s','c','r','i','p','t'].slice(-3, -2); //['i']
"javascript".slice(0); //javascript
"javascript".slice(1); //avascript
"javascript".slice(2); //vascript
"javascript".slice(0, 1); //j
"javascript".slice(1, 2); //a
"javascript".slice(0, 2); //ja
"javascript".slice(0, 3); //jav
"javascript".slice(5, 10); //cript
"javascript".slice(5, -1); //crip
"javascript".slice(5, -2); //cri
"javascript".slice(-1); //t
"javascript".slice(-2); //pt
"javascript".slice(-3); //ipt
}
22. split()
"문자열".split(구분자, [제한])
- 구분자를 이용하여, 여러개의 문자열(배열)을 반환합니다.
{
"javascript".split(""); //['j', 'a', 'v', 'a', 's', 'c', 'r', 'i', 'p', 't']
"javascript".split(" "); //['javascript']
"java script".split(" "); //['java', 'script']
"java scr ipt".split(" "); //['java', 'scr', 'ipt']
"javascript".split("", 1); //['j']
"javascript".split("", 2); //['j', 'a']
"javascript".split("", 3); //['j', 'a', 'v']
"javas cript".split(" ", 1); //['java']
"javas cript".split(" ", 2); //['java', 'script']
"javascript".split("j"); //['', 'avascript']
"javascript".split("a"); //['j', 'v', 'script']
"javascript".split("e"); //['javascript']
"java/scr/ipt".split("/"); //['java', 'scr', 'ipt']
"java&scr!ipt".split("&"); //['java', 'scr!ipt']
"java&scr!ipt".split("!"); //['java&scr', 'ipt']
"java&scr!ipt".split(/&|\!/); //['java', 'scr', 'ipt']
"javascript".split("").join(); //j,a,v,a,s,c,r,i,p,t (join 때문에 문자열로 가져옴)
"javascript".split("").join("*"); //j*a*v*a*s*c*r*i*p*t
"javascript".split("").reverse().join(""); //tpircsavaj
"javascript".split("").reverse().join("*"); //t*p*i*r*c*s*a*v*a*j
}
30. trim()
"문자열".trim()
- 문자열의 앞/뒤 공백을 제거하고, 새로운 문자열을 반환합니다.
{
"javascript".trim(""); //javascript
"javascript ".trim(""); //javascript
" javascript".trim(""); //javascript
"java script".trim(""); //java script
}
31. trimEnd()
"문자열".trimEnd()
- 메서드는 문자열의 뒤 공백을 제거하고, 새로운 문자열을 반환합니다.
{
" javascript ".trimEnd(""); //java script
}
32. trimStart()
"문자열".trimStart()
- 메서드는 문자열의 앞 공백을 제거하고, 새로운 문자열을 반환합니다.
{
" javascript ".trimStart(""); //java script
}