๐ŸŒท๐ŸŒผ๋ชจ์—ฌ๋ด์š” ๊ฐœ๋ฐœ์˜์ˆฒ๐ŸŒท๐ŸŒผ

[JavaScript] ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์œ ์šฉํ•œ ํ•จ์ˆ˜ ๋ณธ๋ฌธ

๊ฐœ๋ฐœ/Front-end

[JavaScript] ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์œ ์šฉํ•œ ํ•จ์ˆ˜

์š”์ผ์ด 2022. 7. 21. 15:52
๋ฐ˜์‘ํ˜•

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

Comments