๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
javascript๐Ÿช“/์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ณต๋ถ€

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ž๋ฃŒํ˜• ๋ฐ์ดํ„ฐํƒ€์ž… / ์—ฐ์‚ฐ์ž ์ข…๋ฅ˜

by hyojinny 2022. 10. 15.

๋ฐ์ดํ„ฐํ˜• ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ž€?

ํ”„๋กœ๊ทธ๋žจ์ œ์ž‘์— ์“ฐ์ด๋Š” ์—ฌ๋Ÿฌ ๋ฐ์ดํ„ฐ

 

๊ธฐ๋ณธ์ž๋ฃŒํ˜• (๋ฐ์ดํ„ฐํƒ€์ž…) : ๋ณ€์ˆ˜์— ๋‹ด์„ ์ˆ˜ ์žˆ๋Š” ๋ฐ์ดํ„ฐ ์œ ํ˜•์„ ๋งํ•œ๋‹ค.
1. ๋ฌธ์ž์—ด string
1. ๋ฌธ์ž์—ด string ๋ฌธ์ž๋ฅผ ์‚ฌ์šฉํ• ๋•Œ '' ํ™‘๋”ฐ์Œํ‘œ์™€ ์‚ฌ์šฉ
,, ์‰ฝํ‘œ๋กœ ์—ฐ๊ฒฐ ์—ฐ์‚ฐ๊ฐ€๋Šฅ
๋ฌธ์ž์—ด ์•ˆ์— ๋”ฐ์Œํ‘œ๋ฅผ ์“ธ๋•Œ 
"test1", 'test1' ๊ฐ™์ด ๋‚ด๋ถ€์™€ ์™ธ๋ถ€ ๋‹ค๋ฅธ ๋”ฐ์Œํ‘œ ์‚ฌ์šฉ๊ฐ€๋Šฅ

์ด์Šค์ผ€์ดํ”„ ๋ฌธ์ž ํ™œ์šฉ

(ํ•œ๊ฐ€์ง€ ๋”ฐ์˜ดํ‘œ๋กœ ์ผ๊ด€๋˜๊ฒŒ ์‚ฌ์šฉํ•˜๊ณ ์‹ถ์„๋•Œ
๋”ฐ์˜ดํ‘œ ์•ž์— \ ์ž…๋ ฅ ๋ฌธ์ž ๊ทธ๋Œ€๋กœ ์‚ฌ์šฉ)
var str = '๋ฌธ์ž';
์ด์Šค์ผ€์ดํ”„
๋ฌธ์ž ์ข…๋ฅ˜
\' ์ž‘์€๋”ฐ์˜ดํ‘œ
\" ํฐ๋”ฐ์Œํ‘œ
\\ ์—ญ์Šฌ๋ž˜์‰ฌ
\n ์ค„ ๋ฐ”๊ฟˆ
\r ์บ๋ฆฌ์ง€ ๋ฆฌํ„ด
\t ์ˆ˜ํ‰ํƒญ
\b ๋ฐฑ ์ŠคํŽ˜์ด์Šค
\f ํผ ํ”ผ๋“œ 
2. ์ˆซ์ž Number ์ •์ˆ˜์™€ ์œ ๋ฆฌ์ˆ˜์˜ ๊ตฌ๋ถ„ ์—†์ด ์ˆซ์ž๋ฅผ ์ €์žฅํ• ์ˆ˜ ์žˆ์Œ
 ์—ฐ์‚ฐ์ž๋ฅผ ์ด์šฉํ•ด ์‚ฌ์น™์—ฐ์‚ฐ๊ณผ ๋‚˜๋จธ์ง€ ์—ฐ์‚ฐ ๊ฐ€๋Šฅ
์šฐ์„  ์ˆœ์œ„ ๊ณ ๋ ค

์‚ฐ์ˆ ์—ฐ์‚ฐ์ž ์‚ฌ์šฉ

var num = 100;
3. ๋ถˆ๋ฆฐ Boolean ๋น„๊ต์—ฐ์‚ฐ์ž๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ฐธ ๊ฑฐ์ง“ ๊ตฌ๋ณ„
true / false ๋ฅผ ์ถœ๋ ฅ
true๋Š” ์ˆซ์ž 1
false๋Š” 0

๋น„๊ต์—ฐ์‚ฐ์ž ์‚ฌ์šฉ (์กฐ๊ฑด๋ฌธ๊ณผ ๊ฐ™์ด ์‚ฌ์šฉ๋จ)
๋…ผ๋ฆฌ์—ฐ์‚ฐ์ž ์‚ฌ์šฉ (์กฐ๊ฑด์‹์„ ๋งŒ๋“ค๋–„ ์‚ฌ์šฉ๋จ)

var toggle Popup = true;
4. undefined ์ •์˜๋˜์–ด์žˆ์ง€ ์•Š๋‹ค. ๋ฌธ์ž : undefined
๋ถˆ๋ฆฐ : false
์ˆซ์ž : NaN (Not a Number)
5. null ๊ฐ’์ด ์—†๋‹ค. var obj = null;
null ์ด ๋œจ๋ฉด
๊ทธ ๋ณ€์ˆ˜๊ฐ€ ์œ ํšจํ•œ ๊ฐ์ฒด (string, Number, Boolean)
์˜ ๊ฐ’์„ ๋‹ด๊ณ  ์žˆ์ง€ ์•Š๋‹ค๋ฅผ ๋œป

๋ณ€์ˆ˜๊ฐ’์„ ์ดˆ๊ธฐํ™” ํ•˜๊ณ ์ž ํ• ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ํŠน์ˆ˜ํ•œ๊ฐ’
๋ฌธ์ž : null
๋ถˆ๋ฆฐ : false
์ˆซ์ž : 0
false ํŒ์ • '๋นˆ์นธ', false, 0 , -0 , undefined , null , NaN(์—ฐ์‚ฐ์ด ์•ˆ๋œ, ์—†๋Š”)

 


 

type of  :  ๋ฐ์ดํ„ฐํ˜•์„ ์•Œ๋ ค์ฃผ๋Š” ์—ฐ์‚ฐ์ž๋กœ ๋ณ€์ˆ˜์˜ ํƒ€์ž…์„ ํ™•์ธํ• ์ˆ˜ ์žˆ๋‹ค.

 

type of  ํ…Œ์ŠคํŠธ
๊ฐ’์ž…๋ ฅ  var str = 'welcome';
var num = 333333;
var boolm = true;
var no = null;
var some;
์œ„์˜ ๊ฐ’์œผ๋กœ ๊ฐ ๋ฐ์ดํ„ฐ๋ฅผ ์ง€์ •ํ›„
์ฝ˜์†”์˜ type of  ์—ฐ์‚ฐ์ž๋กœ ํ™•์ธํ•ด๋ณด๋ฉด
์–ด๋–ค ํƒ€์ž…์ธ์ง€ ํ™•์ธ์ด ๊ฐ€๋Šฅ
์ถœ๋ ฅํ™•์ธ  console.log(typeof str);
console.log(typeof num);
console.log(typeof boolm);
console.log(typeof no);
console.log(typeof some);
string
number
boolean
object
undefined

 


์—ฐ์‚ฐ์ž์˜ ์ข…๋ฅ˜ 

๊ฒฐํ•ฉ์—ฐ์‚ฐ์ž ๋ฌธ์ž์ผ๋–„ ์—ฐ๊ฒฐ ์—ฐ์‚ฐ์ž
์‚ฐ์ˆ  ์—ฐ์‚ฐ์ž +,- , * , / , %   ์ˆซ์ž์ผ๋–„ ์‚ฐ์ˆ ์—ฐ์‚ฐ์ž
๋Œ€์ž… ์—ฐ์‚ฐ์ž = ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•˜๊ณ  ์˜ค๋ฅธ์ชฝ ๊ฐ’์„ ๋Œ€์ž… 
์‚ฐ์ˆ /๋Œ€์ž…
์—ฐ์‚ฐ์ž ๊ตฌ๋ถ„
3 + 5
3 + 'ํ…์ŠคํŠธ'
'ํ…์ŠคํŠธ' + '๊ธ€์ž'
3 + 5 'ํ…์ŠคํŠธ'+ 3 + 5
// 8
//3ํ…์ŠคํŠธ
//ํ…์ŠคํŠธ๊ธ€์ž
//8ํ…์ŠคํŠธ35
(์•ž์—์„œ ์‚ฐ์ˆ  ์—ฐ์‚ด์ž๊ฐ€ ๋‚˜์˜ค๋ฉด ๋’ค์˜ ์‚ฐ์ˆ  ์—ฐ์‚ด์ž
3+5 ๊ฒฐํ•ฉ์—ฐ์‚ฐ์ž๊ฐ€๋จ)
๋ณตํ•ฉ ๋Œ€์ž…์—ฐ์‚ฐ์ž =, =+, -=, *=, /= , %=  ์‚ฌ์น™์—ฐ์‚ฐํ›„ ๋‹ค์‹œ ๋ณ€์ˆ˜์— ๋Œ€์ž…
์ฆ๊ฐ ์—ฐ์‚ฐ์ž ๋ณ€์ˆ˜ ++   : ๊ฐ’์„ ์ถœ๋ ฅ ํ›„1์„ ๋”ํ•จ
++๋ณ€์ˆ˜    : 1์„ ๋”ํ•œ ๋‹ค์Œ ๊ฐ’ ์ถœ๋ ฅ
-- ๋ณ€์ˆ˜     : ๊ฐ’์„ ์ถœ๋ ฅ ํ›„ 1์„ ๋บŒ
๋ณ€์ˆ˜ --     : 1์„ ๋บ€ ๋‹ค์Œ ๊ฐ’์„ ์ถœ๋ ฅ
๋ฐ˜๋ณต๋ฌธ์— ์ž์ฃผ ์“ฐ์ž„

๋น„๊ต ์—ฐ์‚ฐ์ž  > (์ดˆ๊ณผ) , >= (์ด์ƒ),
< (๋ฏธ๋งŒ),  <= (์ดํ•˜), 
== (๊ฐ™๋‹ค), !=(๊ฐ™์ง€์•Š๋‹ค)
=== (์™„์ „ํžˆ ์ผ์น˜)
์กฐ๊ฑด๋ฌธ๊ณผ ๊ฐ™์ด ์‚ฌ์šฉ
๋…ผ๋ฆฌ ์—ฐ์‚ฐ์ž && (and ๊ทธ๋ฆฌ๊ณ ) 
|| (or ๋˜๋Š”) 
! (not) 
- ์•ž๋’ค ๋‘ ์กฐ๊ฑด์ด ๋ชจ๋‘ ์ฐธ์ผ๋–„ true
- ์•ž๋’ค ์กฐ๊ฑด์ค‘ ํ•œ๊ฐœ ์ด์ƒ์ด ์ฐธ์ด๋ฉด true 
- ๊ฐ’์„ ๋ฐ˜๋Œ€๋กœ true, false๋ฅผ ๋ฐ”๊ฟ”์คŒ

 

๋Œ“๊ธ€