자바스크립트

데이터 타입(자료형)

변수에는 여러가지 유형이 들어갈 수 있습니다. 프로그램 언어에 있어 가장 기본적인 요소이며, 데이터 타입이라고 합니다. 데이터 타입에는 숫자, 문자열, 논리값, 특수값, 심벌, 객체, 배열 함수 등을 표현할 수 있습니다.

숫자(Number)

숫자형(Number) 데이터는 단어 의미 그대로 숫자를 의미합니다. 만약 "100"과 같이 큰따옴표가 숫자를 감싸고 있다면 숫자가 아닌 문자형 데이터입니다. 이 경우에는 Number("100")를 이용하면 문자형 데이터를 숫자형으로 바꿀 수 있습니다.

var 변수=숫자; 또는 Number("문자형 숫자");

var s = 100;
var t = Number("500")   //"500" -> 500

문자열(String)

문자형(String) 데이터는 다음과 같이 문자는 숫자를 큰따옴표("")또는 작은따옴표('')로 감싸고 있습니다. 또한 문자형 데이터에 HTML 태그를 포함하여 출력하면 태그로 인식합니다.

var 변수="사용할 문자나 숫자";    

var s ="javascript";
var num ="100";
var tag = "string"

논리값(Boolean)

논리형(Boolean) 데이터는 true(참) 또는 false(거짓)가 있습니다. 이 데이터는 주로 2개의 데이터를 비교할 때 나오는 결과입니다. 예를 들어 '100보다 10이 크다'는 잘못된 비교이므로 false라는 결과를 반환하게 됩니다. 논리형 데이터의 기본형은 다음과 같습니다.

var 변수=true of false; 또는 Boolean(데이터);

var t = 10>=100;          //false
var k = Boolean("hello");   //true

Boolean()매서드에 데이터를 입력하면 논리형 데이터인 true 또는 false를 반환합니다. Boolean()매서드는 숫자0과 Null, Undefined, 빈 문자("")를 제외한 모든 데이터에 대해 true를 반환합니다. 다음과 같이 Boolean() 매서드에 숫자 0을 입력하면 false라는 값을 반환합니다. 그리고 Boolean() 매서드에 "홍길동"을 입력하면 true를 반환합니다.

var m = Boolean(0);        //false
var k = Boolean("홍길동");  //true

특수값(Null)

null은 변수를 선언하고 빈 값을 할당 했을 때을 카리킵니다. 또는 변수값을 초기화 할 때 사용합니다.

var t = "hello";
t=null;

특수값(Undefined)

undefineds는 변수를 선언하고 값을 정하지 않았을 때를 가리킵니다.

var s;            //undefined

심벌(Symbol)

유일하고 변경 불가능한 기본값이다. 프로그램에서 이름(변수명)의 충돌 없이 사용하기 위해 활용한다. 주로 객체 속성의 식별자로 사용된다.

const sym  = Symbol();    // 심볼 생성
console.log(sym);   // Symbol()
console.log(typeof sym);    // sysmbol

객체(Object)

클래스에서 정의한 것을 토대로 메모리(실제 저장공간)에 할당된 것으로 프로그램에서 사용되는 데이터 또는 식별자에 의해 참조되는 공간을 의미하며, 변수, 자료 구조, 함수 또는 메소드가 될 수 있다.

{
    const obj = {};
    obj.a = 100;
    obj.b = 200;
    obj.c = "javascript";    

    document.write(obj.a);  // 100
    document.write(obj.b);  // 200
    document.write(obj.c);  // javascript
}

함수(Function)

하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미합니다. 이러한 함수는 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있습니다.

function addNum(x, y) {
    return x + y;
}
document.write(addNum(2, 3));   //5