λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°
JavaScript

[JavaScript] 데이터 νƒ€μž… μ’…λ₯˜ μ•Œμ•„λ³΄κΈ°

by 코딩곡책 2022. 7. 25.
λ°˜μ‘ν˜•

데이터 νƒ€μž…

λ³€μˆ˜μ— μ €μž₯λ˜λŠ” λ°μ΄ν„°μ˜ μœ ν˜•(νƒ€μž…)을 μ˜λ―Έν•˜λ©° μ›μ‹œ(Primitive) νƒ€μž…, 객체(Object)νƒ€μž…μœΌλ‘œ λ‚˜λ‰©λ‹ˆλ‹€.

μ›μ‹œ νƒ€μž…μ—λŠ” number, string, boolean, undefined, null, symbol 등이 있으며 객체 νƒ€μž…μ—λŠ” function, object, array 등이 μžˆμŠ΅λ‹ˆλ‹€.


01. number

μ •μˆ˜, μ†Œμˆ˜μ , μ§€μˆ˜ ν‘œν˜„ κ°€λŠ₯ν•©λ‹ˆλ‹€.

var num1 = 10;
var num2 = 10.5;
var num3 = le+2;

console.log(num1); // 10
console.log(num2); // 10.5
console.log(num3); // 100 le+2λŠ” 1*10의 2μŠΉμ„ μ˜λ―Έν•¨.

02. string

문자λ₯Ό ν‘œν˜„ν•˜κ³ μž ν•  λ•Œ μ‚¬μš©ν•˜λŠ” 데이터이며
' '(μž‘μ€λ”°μ˜΄ν‘œ) ν˜Ήμ€ " "(ν°λ”°μ˜΄ν‘œ)둜 ν‘œν˜„ν•©λ‹ˆλ‹€.

var str1 = ' λ¬Έμžμ—΄ ' ;
var str2 = " λ¬Έμžμ—΄ " ;

λ¬Έμžμ—΄ μ•ˆμ— λ¬Έμžμ—΄μ„ λ„£λŠ” 방법
var str1 = '문자 "문자"';
var str1 = "문자 "문자'";

03. boolean

μ°Έ(true)κ³Ό 거짓(false)을 λ‚˜νƒ€λ‚΄λŠ” 데 μ‚¬μš©

var temp1 = (5 > 4);
var temp2 = (5 < 4);

console.log(temp1); // κ²°κ³Ό : μ°Έ
console.log(temp2); // κ²°κ³Ό : 거짓

04. undefined

λ³€μˆ˜ μ„ μ–Έν•˜κ³  데이터 값이 미지정 μƒνƒœμΌ λ•Œ κ²°κ³Ό κ°’μœΌλ‘œ λ‚˜νƒ€λ‚˜λŠ” λ°μ΄ν„°μž…λ‹ˆλ‹€.

var temp1 = 10;
var temp2;

console.log(temp1); // κ²°κ³Ό : 10
console.log(temp2); // κ²°κ³Ό : undefined

05. null

데이터에 값을 μ €μž₯ν–ˆμ§€λ§Œ 값이 μ‘΄μž¬ν•˜μ§€ μ•Šμ„ λ•Œ, ν˜Ήμ€ λ³€μˆ˜λ₯Ό 빈 μƒνƒœλ‘œ μ΄ˆκΈ°ν™” ν–ˆμ„ λ•Œ λ‚˜νƒ€λ‚˜λŠ” λ°μ΄ν„°μž…λ‹ˆλ‹€.

var obj = 10;
obj = null;
console.log(obj); // κ²°κ³Ό : null | λ³€μˆ˜λ₯Ό 빈 μƒνƒœλ‘œ λ§Œλ“¬

var obj = document.getElementById('gnb');
console.log(obj); // κ²°κ³Ό : λ³€μˆ˜μ— 데이터 값을 μ €μž₯ν–ˆμ§€λ§Œ 값이 μ‘΄μž¬ν•˜μ§€ μ•Šμ•„ null둜 μ €μž₯

λ°˜μ‘ν˜•

λŒ“κΈ€


Reference Book

JavaScript
HTML
CSS
κ΄‘κ³  μ€€λΉ„μ€‘μž…λ‹ˆλ‹€.