[Javascript] Javascript 입문 02 (170314)

Javascript 입문 02

• [plain object] type

- 객체 리터럴 { } 을 이용해서 만들 수 있다.

- {key:value, key2:value2, ...} 형식으로 데이터가 관리 된다.

- 페이지가 로딩되는 시점에 일괄 수행(변수생성)

- 하나의 변수명으로 여러 정보를 다룰 수 있다.

-삭제할 때는 delete를 이용한다.

- plainObject는 대괄호를 이용하여 표현할 수 있다.

var a = mem["num"]; -> []이 .을 대체

test="addr";

var a = mem.test (X)

var a = mem[test] (0)

var a = {}; :object타입

var b = "{}"; :스트링타입

•  객체 리터럴  

각각의 저장소를 확인할 수 있는 식별자

아래 사진에서 객체 리터럴(obj, mem1)을 확인할 수 있다.

• 특정 저장소를 확인하는 방법

- OO.xx 를 이용하여 확인 가능하다.

- 아래 사진 참조

cf ) console.log 도 같은 방식으로 확인하는 것임을 알 수 있다.

    typeof console => "object" 임을 알 수 있다.

    . 을 찍으면 object라는 것을 알 수 있다.

• object에서 특정 값 수정하기

- 아래와 같이 수정 가능하다. 

- 존재하는 변수에 값을 덮어쓰면 수정되고 존재하지 않는 변수에 값을 입력하면 새로 생성된다.

• JSON 이용하여 object 표현하기

- {"num":999} 의 데이터 표현을 다음과 같이 할 수 있다.

• [function] type 

- 특정시점에 일괄실행할 자바스크립트를 모아놓고 필요한 시점에 사용하기 위함이다.

- var f = function(){}; -> function type :함수도 데이터이다!

- f() : function실행

cf ) object와 function 구분하기

oo.XXX ->object type       ex) console.log()

oo() -> function type       ex)alert(); console.log()

cf ) 단순 참조와 함수 실행

var a = f ;         : 단순 참조

var a = f();        : 함수 실행         

• Object / Function / Undefined 타입의 결과값
  

- Object값은 다음과 같다.

• QUIZ > 

document.querySelector("#one").value 에서 document.querySelector("#one") 의  타입은? 

해설 >