๐ท๐ผ๋ชจ์ฌ๋ด์ ๊ฐ๋ฐ์์ฒ๐ท๐ผ
[JavaScript] ์๋ฐ์คํฌ๋ฆฝํธ ์ ์ฉํ ํจ์ ๋ณธ๋ฌธ
1. match
์ซ์, ๋ฌธ์ ๊ตฌ๋ถ์์ด ์ฌ์ฉ ๊ฐ๋ฅ.
์ฌ์ฉ์ฌ๋ก. 2์ง์์์ 1์ ๊ฐ์ ๊ตฌํ๊ธฐ.
match(+ ์ ๊ท์)๋ฅผ ์ฌ์ฉํ์ฌ ๊ฐ๋จํ๊ฒ ์ฒ๋ฆฌ ๊ฐ๋ฅ.
null ์ฒ๋ฆฌ ์ฃผ์ ํ์.
2. isNaN
- ์ซ์๋ฅผ ์ฒดํฌํ ๋ ์ฌ์ฉ (Not a Number)
- isNaN("123") //false - ์ซ์๋ก ๋ณํ๋์ด ์ฒ๋ฆฌ๋จ
- isNaN(123) // false - ์ซ์์ด๋ฏ๋ก false
- isNaN("asdf") // true - ์ซ์๊ฐ ์๋๋ฏ๋ก true
3. repeat
ํน์ ๋ฌธ์์ด์ ํน์ ๊ฐ์๋งํผ ๋ฐ๋ณตํ ์๋ฌธ์์ด์ ๋ฐํ
"*".repeat(3); // ***
4. split
๋ฌธ์์ด์ ํน์ ๋ฌธ์๋ฅผ ๊ธฐ์ค์ผ๋ก ๊ตฌ๋ถํ์ฌ ๋ฐฐ์ด์ ๋ง๋ค์ด ๋ฐํ
var a = 15830;
var b = a.toString().split(""); // [1, 5, 8, 3, 0]
5. join
๋ฐฐ์ด์ ๊ตฌ์ฑํ๋ ์์๋ค์ ํน์ ๋ฌธ์๋ฅผ ๊ธฐ์ค์ผ๋ก ๊ตฌ๋ถํ์ฌ ๋ฌธ์์ด๋ก ๋ง๋ค์ด ๋ฐํ
var b = [1, 5, 8, 3, 0];
var c = b.join(''"); // 15830
""๋ฅผ ๋ฃ์ง ์์ผ๋ฉด , ๋ฅผ ์ฌ์ฉํ์ฌ ๊ตฌ๋ถํ ๋ฌธ์์ด์ด ์ถ๋ ฅ๋ฉ๋๋ค. // 1,5,8,3,0
6. sort & reverse
๋ฐฐ์ด์ ์์๋ฅผ ์ ๋ ฌํฉ๋๋ค.
var a = [1, 5, 2, 9, 6];
a.sort(); // a = [1, 2, 5, 6, 9]
a.reverse(); // a = [9, 6, 5, 2, 1]
์ฃผ์ํ ์ ์ 12๋ณด๋ค 2๊ฐ ๋ ์ฐ์ ์์๊ฐ ๋๊ฒ ์ ๋ ฌ๋๋ค๋ ์ ์
๋๋ค.
var a = [1, 3, 12, 2, 4];
a.sort(); // [1, 12, 2, 3, 4];
sort() ๋ฉ์๋์ ๋งค๊ฐ๋ณ์๋ก ์ ๋ ฌ ํจ์๋ฅผ ๋ฃ์ด ์ค๋ฆ์ฐจ์ ๋๋ ๋ด๋ฆผ์ฐจ์ ์ ๋ ฌ์ ๊ตฌํํ ์ ์์ต๋๋ค.
7. substr
๋ฌธ์์ด์์ ํน์ ๋ถ๋ถ๋ง ์๋ผ๋ผ๋ ์ฌ์ฉํ๋ ๋ฉ์๋ ์
๋๋ค.
substr(startIndex, length);
์ฒซ๋ฒ์งธ ๋งค๊ฐ๋ณ์๋ก ์๋ผ๋ผ ์์ index๋ฅผ ์ค์ ํฉ๋๋ค.
๋๋ฒ์งธ ๋งค๊ฐ๋ณ์๋ก ์๋ผ๋ผ ๋ฌธ์์ด์ ๊ธธ์ด(length)๋ฅผ ์ค์ ํฉ๋๋ค.
๋ง์ฝ, ๋๋ฒ์งธ ๋งค๊ฐ๋ณ์๊ฐ ์๋ค๋ฉด ํด๋น ๋ฌธ์์ด์ ๋๊น์ง ์๋ผ๋
๋๋ค.
a = "abcde";
a.substr(1, 2); // bc
8. substring
๋ฌธ์์ด์์ ํน์ ๋ถ๋ถ๋ง ์๋ผ๋ผ๋ ์ฌ์ฉํ๋ ๋ฉ์๋์
๋๋ค.
substring(startIndex, lastIndex);
์ฒซ๋ฒ์งธ ๋งค๊ฐ๋ณ์๋ก ์๋ผ๋ผ ์์ index๋ฅผ ์ค์ ํฉ๋๋ค.
๋๋ฒ์งธ ๋งค๊ฐ๋ณ์๋ก ์๋ผ๋ผ ๋ง์ง๋ง index๋ฅผ ์ค์ ํฉ๋๋ค.
๋ง์ฝ, ๋๋ฒ์งธ ๋งค๊ฐ๋ณ์๊ฐ ์๋ค๋ฉด ํด๋น ๋ฌธ์์ด์ ๋ง์ง๋ง ์ธ๋ฑ์ค๊น์ง ์๋ผ๋
๋๋ค.
a = "abcde";
a.substring(1, 2); // b
์ฃผ์ํ ์ ์ startIndex์ lastIndex์ ์์๊ฐ ๋ฐ๋์ด๋ ๊ฐ์ ๋์ผํฉ๋๋ค. ์ฆ, ์ต์๊ฐ์ startIndex๋ก ์ค์ ํฉ๋๋ค.
index์ ๊ฐ์ด ์์๊ฐ ๋ค์ด์ค๋ฉด 0์ผ๋ก ์นํ๋ฉ๋๋ค.
a.substring(2, 1); // b
9. slice
๋ฌธ์์ด์์ ํน์ ๋ถ๋ถ๋ง ์๋ผ๋ผ๋ ์ฌ์ฉํ๋ ๋ฉ์๋๋ก substring๊ณผ ์ ์ฌํฉ๋๋ค.
์ฐจ์ด์ ์ ์์๊ฐ ๋ค์ด๊ฐ์๋ length+index๋ก ์ฒ๋ฆฌ๋์ด ๋ง์ง๋ง ๋ฌธ์๋ฅผ ์ ๊ฑฐํ ๋ ์์ฃผ ์ฌ์ฉ๋ฉ๋๋ค.
a = "abcde";
a.slice(0, -1); // "abcd"
10. Math.min, Math.max
์ต์๊ฐ, ์ต๋๊ฐ์ ๊ตฌํ ๋ ์ฌ์ฉํ๋ฉด ์ ์ฉํฉ๋๋ค.
์ฃผ์ด์ง๋ ๋๊ฐ์ ๋งค๊ฐ๋ณ์๊ฐ ์ด๋์ชฝ์ด ๋ ํฌ๊ณ , ๋ ์์์ง ํ๋จํ ๋ ์ฌ์ฉํฉ๋๋ค.
11. Array.prototype.map
map ๋ฉ์๋๋ ๋ฐฐ์ด ๋ด์ ๋ชจ๋ ์์ ๊ฐ๊ฐ์ ๋ํ์ฌ callback ํจ์๋ฅผ ํธ์ถํ๊ณ ๊ทธ ๊ฒฐ๊ณผ๋ฅผ ๋ชจ์์ ์๋ก์ด ๋ฐฐ์ด์ ๋ฐํํฉ๋๋ค.
๋ฐฐ์ด์๊ฐ ์์๊ฐ์ ํ์
์ ์บ์คํ
ํด์ผ ํ๋ค๊ณ ํ๋ฉด, for๋ฌธ์ผ๋ก ์ํํ๋ฉด ๋ณ๊ฒฝํ ํ์์์ด map์ ์ฌ์ฉํ์ฌ ๊ฐ๋จํ๊ฒ ํด๊ฒฐ์ด ๊ฐ๋ฅํฉ๋๋ค.
var numberList = [1, 4, 9, 16];
var sqrtList = numberList.map((item) => item = Math.sqrt(item));
12. Number.isInteger()
์ ์ ์ฒดํฌ
var a = 144, b = 145;
var aa = Math.sqrt(144), Math.sqrt(145);
Number.isInteger(aa); // true
Number.isInteger(bb); // false
'๊ฐ๋ฐ > Front-end' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[HTML, JS] Table TR์ onclick์ด ํน์ TD์์๋ ์๋ ์๋๊ฒ ํ๊ธฐ (0) | 2022.09.06 |
---|---|
input disabled ์ปจํธ๋กค๋ฌ์ ๊ฐ์ด ์๋์ด์ฌ๋ (0) | 2022.08.16 |
[JSTL] ๋ค๋ฅธ items์ ๊ฐ ์ปฌ๋ผ์ผ๋ก ์ฌ์ฉํ๊ธฐ (0) | 2021.07.26 |
form ์ก์ ์ํ๋๋ฐ ์๋์ผ๋ก submit ๋ ๋ (0) | 2021.07.09 |
[JSTL] ๋ค์ค์นํ (0) | 2021.05.21 |