01. at()
"문자열".at(숫자)
console.log("javascript reference".at("0"));
console.log("javascript reference".at("1"));
console.log("javascript reference".at("2"));
console.log("javascript reference".at("11"));
console.log("javascript reference".at("12"));
console.log("javascript reference".at("20"));
console.log("javascript reference".at("-1"));
console.log("javascript reference".at("-2"));
결과 확인하기
1 : j
2 : a
3 : v
4 : r
5 : e
6 : undefined
7 : c
8 : e
2 : a
3 : v
4 : r
5 : e
6 : undefined
7 : c
8 : e
- at() 메서드는 인덱스값을 받아, 문자열에서 해당되는 인덱스의 요소를 반환합니다.
- at() 메서드는 해당 인덱스가 범위를 벗어나면 빈 문자열을 반환합니다.
- at() 메서드는 배열과 문자열에서 모두 사용 가능합니다.
02. charAt()
"문자열".charAt(숫자)
console.log("javascript reference".charAt());
console.log("javascript reference".charAt(1));
console.log("javascript reference".charAt(2));
console.log("javascript reference".charAt(3));
결과 확인하기
1 : j
2 : a
3 : v
4 : a
2 : a
3 : v
4 : a
- charAt() 메서드는 지정한 인덱스값에 해당하는 단일 문자 값을 반환합니다.
- charAt() 해당 인덱스가 범위를 벗어나면 빈 문자열을 반환합니다.
03. charCodeAt()
"문자열".charCodeAt(숫자)
console.log("javascript reference".charCodeAt("0"));
console.log("javascript reference".charCodeAt("1"));
console.log("javascript reference".charCodeAt("2"));
console.log("javascript reference".charCodeAt("3"));
결과 확인하기
1 : 106
2 : 97
3 : 118
4 : 97
2 : 97
3 : 118
4 : 97
- charCodeAt() 메서드는 지정한 인덱스값에 해당하는 유니코드 값을 반환합니다.
- charCodeAt() 메서드는 해당 인덱스가 범위를 벗어나면 NAN을 반환합니다.
- 유니코드는 UTF-16 코드를 나타내는 0부터 65535 사이의 정수입니다.
04. codePointAt()
"문자열".codePointAt(숫자)
console.log("javascript reference".codePointAt("0"));
console.log("javascript reference".codePointAt("1"));
console.log("javascript reference".codePointAt("2"));
console.log("javascript reference".codePointAt("3"));
결과 확인하기
1 : 106
2 : 97
3 : 118
4 : 97
2 : 97
3 : 118
4 : 97
- codePointAt() 메서드는 지정한 인덱스값에 해당하는 유니코드 코드포인트 값을 반환합니다.
- codePointAt() 메서드는 해당 인덱스가 범위를 벗어나면 undefined를 반환합니다.
05. concat()
"문자열".concat(문자열, 문자열,...)
"배열".concat(문자열, 문자열,...)
console.log("javascript".concat(" reference"));
console.log("javascript".concat(", ", "hello"));
console.log(["java", "script"].concat(["referenece"]));
console.log(["java","script"].concat(["refer", "ence"]));
결과 확인하기
1 : javascript reference
2 : javascript, hello
3 : ['java', 'script', 'referenece']
4 : ['java', 'script', 'refer', 'ence']
2 : javascript, hello
3 : ['java', 'script', 'referenece']
4 : ['java', 'script', 'refer', 'ence']
- concat() 메서드는 매개변수로 전달된 문자열을 받아, 결합된 새로운 문자열을 반환합니다.
- concat() 메서드는 기존의 문자열을 변경하지 않습니다.
- concat() 메서드는 배열과 문자열에서 모두 사용 가능합니다.
06. includes()
"문자열".includes(검색값)
"문자열".includes(검색값, 위치값)
console.log("javascript reference".includes("javascript"))
console.log("javascript reference".includes("j"))
console.log("javascript reference".includes("J"))
console.log("javascript reference".includes("a"))
console.log("javascript reference".includes("reference"))
console.log("javascript reference".includes("reference", 11))
console.log("javascript reference".includes("reference", 12))
결과 확인하기
1 : true
2 : true
3 : false
4 : true
5 : true
6 : true
7 : false
2 : true
3 : false
4 : true
5 : true
6 : true
7 : false
- includes() 메서드는 문자열 포함 여부를 검색하여 불린(true, false)을 반환합니다.
- includes() 메서드는 대소문자를 구분합니다.
07. indexOf()
"문자열".indexOf(검색값)
"문자열".indexOf(검색값, 위치값)
console.log("javascript reference".indexOf("javascript"));
console.log("javascript reference".indexOf("javascripts"));
console.log("javascript reference".indexOf("j"));
console.log("javascript reference".indexOf("a"));
console.log("javascript reference".indexOf("ja"));
console.log("javascript reference".indexOf("jv"));
console.log("javascript reference".indexOf("refercence"));
console.log("javascript reference".indexOf("r"));
console.log("javascript reference".indexOf("re"));
console.log("javascript reference".indexOf("J"));
console.log("javascript reference".indexOf("javascript", 0));
console.log("javascript reference".indexOf("javascript", 1));
console.log("javascript reference".indexOf("refercence", 0));
console.log("javascript reference".indexOf("refercence", 11));
console.log("javascript reference".indexOf("refercence", 12));
console.log("javascript reference".indexOf("r", 7));
console.log("javascript reference".indexOf("r", 12));
결과 확인하기
1 : 0
2 : -1
3 : 0
4 : 1
5 : 0
6 : -1
7 : 11
8 : 11
9 : 11
10 : -1
11 : 0
12 : -1
13 : 11
14 : 11
15 : -1
16 : 11
17 : 15
2 : -1
3 : 0
4 : 1
5 : 0
6 : -1
7 : 11
8 : 11
9 : 11
10 : -1
11 : 0
12 : -1
13 : 11
14 : 11
15 : -1
16 : 11
17 : 15
- indexOf() 메서드는 문자열에서 원하는 값을 찾아 인덱스 값을 반환합니다.
- indexOf() 메서드는 일치하는 값이 없으면 -1을 반환합니다.
- indexOf() 메서드는 대소문자를 구분합니다.
08. lastIndexOf()
"문자열".lastIndexOf(검색값)
"문자열".lastIndexOf(검색값, 위치값)
console.log("javascript reference".lastIndexOf("javascript"))
console.log("javascript reference".lastIndexOf("javascripts"))
console.log("javascript reference".lastIndexOf("j"))
console.log("javascript reference".lastIndexOf("a"))
console.log("javascript reference".lastIndexOf("jv"))
console.log("javascript reference".lastIndexOf("reference"))
console.log("javascript reference".lastIndexOf("r"))
결과 확인하기
1 : 0
2 : -1
3 : 0
4 : 3
5 : -1
6 : 11
7 : 15
2 : -1
3 : 0
4 : 3
5 : -1
6 : 11
7 : 15
- lastIndexOf() 메서드는 문자열을 역순으로 검색하고 위치값(숫자)을 반환합니다.
- lastIndexOf() 메서드는 일치하는 값이 없으면 -1을 반환합니다.
- lastIndexOf() 메서드는 대소문자를 구분합니다.
09. localeCompare()
"문자열".localeCompare(인덱스)
console.log("javascript reference".localeCompare("h"));
console.log("javascript reference".localeCompare("i"));
console.log("javascript reference".localeCompare("k"));
console.log("javascript reference".localeCompare("l"));
console.log("javascript reference".localeCompare("javascript reference"));
결과 확인하기
1 : 1
2 : 1
3 : -1
4 : -1
5 : 0
2 : 1
3 : -1
4 : -1
5 : 0
- localeCompare() 메서드는 두 개의 문자열을 유니코드 순서에 따라 비교합니다.
- localeCompare() 메서드는 비교 문자열이 먼저나오면 음수, 현재 문자열이 먼저나면 양수, 같은 경우 0을 반환합니다.
- localeCompare() 메서드는 대소문자를 구분합니다.
10. match()
"문자열".match(검색값)"
"문자열".match(정규식 표현)"
console.log("javascript reference".match("javascript"));
console.log("javascript reference".match("reference"));
console.log("javascript reference".match("r"));
console.log("javascript reference".match("R"));
console.log("javascript reference".match("ja"));
console.log("javascript reference".match(/reference/));
console.log("javascript reference".match(/Reference/));
console.log("javascript reference".match(/Reference/i));
console.log("javascript reference".match(/Reference/g));
console.log("javascript reference".match(/r/));
console.log("javascript reference".match(/r/g));
console.log("javascript reference".match(/w/g));
결과 확인하기
1 : javascript
2 : reference
3 : r
4 : null
5 : ja
6 : reference
7 : null
8 : reference
9 : null
10 : r
11 : r r r
12 : null
2 : reference
3 : r
4 : null
5 : ja
6 : reference
7 : null
8 : reference
9 : null
10 : r
11 : r r r
12 : null
- match() 메서드는 문자열(정규식)을 검색하고 문자값(배열)을 반환합니다.
- match() 메서드는 정규식 표현을 통해 문자열을 찾을 수 있습니다.
- match() 메서드는 문자열에서 일치하는 값이 없으면 null을 반환합니다.
- match() 메서드는 대소문자를 구분합니다.
- match() 메서드는 문자값(배열)을 반환하고, search() 메서드는 위치값(숫자)을 반환하는 것이 다릅니다.
11. matchAll()
결과 확인하기
- matchAll() 메서드는
12. normalize()
"문자열".normalize(유니코드 표준형식)
console.log("Café".normalize());
console.log("Café".normalize("NFD"));
console.log("Café".normalize("NFKC"));
console.log("Café".normalize("NFKD"));
console.log("Café".normalize("NFC"));
결과 확인하기
1 : Café
2 : Café
3 : Café
4 : Café
5 : Café
2 : Café
3 : Café
4 : Café
5 : Café
- normalize() 메서드는 문자열을 정규화하는 데 사용되는 메서드입니다.
- normalize() 메서드는 문자열의 유니코드 표준형식 중 하나로 문자열을 정규화합니다.
13. padEnd()
"문자열".padEnd(길이)
"문자열".padEnd(길이, 문자열)
console.log("javascript".padEnd(10, "hi"));
console.log("javascript".padEnd(13, " hi"));
console.log("javascript".padEnd(16, " hi"));
console.log("javascript".padEnd(15));
결과 확인하기
1 : javascript
2 : javascript hi
3 : javascript hi hi
4 : javascript_____ (공백)
2 : javascript hi
3 : javascript hi hi
4 : javascript_____ (공백)
- padEnd() 메서드는 주어진 길이에 맞게 뒤 문자열을 채우고, 새로운 문자열을 반환합니다.
14. padStart()
"문자열".padStart(길이)
"문자열".padStart(길이, 문자열)
console.log("javascript".padStart(10, "hi"));
console.log("javascript".padStart(13, "hi "));
console.log("javascript".padStart(16, "hi "));
console.log("javascript".padStart(15));
결과 확인하기
1 : javascript
2 : hi javascript
3 : hi hi javascript
4 : _____(공백)javascript
2 : hi javascript
3 : hi hi javascript
4 : _____(공백)javascript
- padStart() 메서드는 주어진 길이에 맞게 앞 문자열을 채우고, 새로운 문자열을 반환합니다.
15. repeat()
"문자열".repeat(숫자)
console.log("javascript".repeat(0));
console.log("javascript".repeat(1));
console.log("javascript".repeat(2));
결과 확인하기
1 : (빈문자열)
2 : javascript
3 : javascriptjavascript
2 : javascript
3 : javascriptjavascript
- repeat() 메서드는 문자열을 복사하여, 복사한 새로운 문자열을 반환합니다.
- repeat() 메서드는 기존 문자열을 변경하지 않습니다.
- repeat() 메서드는 매개변수 값을 양수로 설정합니다.
18. search()
"문자열".search(검색값)"
"문자열".search(정규식 표현)"
console.log("javascript reference".search("javascript"));
console.log("javascript reference".search("reference"));
console.log("javascript reference".search("r"));
console.log("javascript reference".search("a"));
console.log("javascript reference".search("jv"));
console.log("javascript reference".search("J"));
console.log("javascript reference".search(/reference/));
console.log("javascript reference".search(/Reference/));
console.log("javascript reference".search(/Reference/i));
console.log("javascript reference".search(/[a-z]/g));
결과 확인하기
1 : 0
2 : 11
3 : 11
4 : 1
5 : -1
6 : -1
7 : 11
8 : -1
9 : 11
10 : 0
2 : 11
3 : 11
4 : 1
5 : -1
6 : -1
7 : 11
8 : -1
9 : 11
10 : 0
- search() 메서드는 문자열에서 원하는 값을 찾아 위치 값을 반환합니다.
- search() 메서드는 정규식 표현을 통해 문자열을 찾을 수 있습니다.
- search() 메서드는 문자열에서 일치하는 값이 없으면, -1을 반환합니다.
- search() 메서드는 위치값(숫자)을 반환하고, match() 메서드는 문자값(배열)을 반환하는 것이 다릅니다.
- search() 메서드는 대소문자를 구분합니다.
19. slice()
문자열.slice(시작 위치, [끝나는 위치])
"javascript".slice(0);
"javascript".slice(1);
"javascript".slice(0, 2);
"javascript".slice(5, 10);
"javascript".slice(5, -1);
"javascript".slice(5, -2);
"javascript".slice(-1);
"javascript".slice(-2);
"javascript".slice(-3, -1);
"javascript".slice(-3, -2);
결과 확인하기
1 : javascript
2 : javascript
3 : ja
4 : cript
5 : crip
6 : cri
7 : t
8 : pt
9 : ip
10 : i
2 : javascript
3 : ja
4 : cript
5 : crip
6 : cri
7 : t
8 : pt
9 : ip
10 : i
- slice() 메서드는 시작 위치에서 종료 위치 값을 추출하여, 새로운 배열을 반환합니다.
22. split()
문자열.split(구분자, [제한])
"javascript".split("");
"java script".split(" ");
"java sc ript".split(" ");
"javascript".split("", 1);
"javascript".split("", 2);
"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("/")
결과 확인하기
1 : ['j', 'a', 'v', 'a', 's', 'c', 'r', 'i', 'p', 't']
2 : ['java', 'script']
3 : ['java', 'sc', 'ript']
5 : ['j']
6 : ['j', 'a']
8 : ['java']
9 : ['java', 'script']
11 : ['', 'avascript']
12 : ['j', 'v', 'script']
13 : ['javascript']
15 : ['java', 'scr', 'ipt']
16 : ['java', 'scr!ipt']
17 : ['java&scr', 'ipt']
18 : ['java', 'scr', 'ipt']
20 : j,a,v,a,s,c,r,i,p,t
21 : j*a*v*a*s*c*r*i*p*t
22 : t,p,i,r,c,s,a,v,a,j
23 : t/p/i/r/c/s/a/v/a/j
2 : ['java', 'script']
3 : ['java', 'sc', 'ript']
5 : ['j']
6 : ['j', 'a']
8 : ['java']
9 : ['java', 'script']
11 : ['', 'avascript']
12 : ['j', 'v', 'script']
13 : ['javascript']
15 : ['java', 'scr', 'ipt']
16 : ['java', 'scr!ipt']
17 : ['java&scr', 'ipt']
18 : ['java', 'scr', 'ipt']
20 : j,a,v,a,s,c,r,i,p,t
21 : j*a*v*a*s*c*r*i*p*t
22 : t,p,i,r,c,s,a,v,a,j
23 : t/p/i/r/c/s/a/v/a/j
- split() 메서드는 구분자를 이용하여 여러개의 문자열을 배열로 반환합니다.
30. trim()
문자열.trim()
" javascript ".trim()
console.log(" javascript ".trim())
결과 확인하기
"javascript"
- trim() 메서드는 문자열의 앞/뒤 공백을 제거하고 새로운 문자열을 반환합니다.
31. trimEnd()
문자열.trimEnd()
" javascript ".trimEnd()
console.log(" javascript ".trim())
결과 확인하기
" javascript"
- trimEnd() 메서드는 문자열의 뒤 공백을 제거하고 새로운 문자열을 반환합니다.
32. trimStart()
문자열.trimStart()
" javascript ".trimStart()
console.log(" javascript ".trim())
결과 확인하기
"javascript "
- trimStart() 메서드는 문자열의 앞 공백을 제거하고 새로운 문자열을 반환합니다.