[번외] 자바스크립트 #1 - 객체

2015. 4. 24. 23:50plming/jQuery

자바스크립트의 Object는 아무런 데이터도 없으며, 별다른 의미도 없기 때문에

원하는 데이터를 가지는 객체로 사용할 수(만들어갈 수) 있다.

 

. 객체 만들기

  var ride = new Object();

 

. 객체의 프로퍼티 설정? 사용!

  var ride = new Object();

  ride.make = 'Yamaha';

  ride.model = 'V-Star Silverado 1100';

  ride.year = 2015;

  ride.prchased = new Date(2015,3,12);

 

  프로퍼티는 할당하기 전에 선언하지 않아도 된다.

  값을 할당하는 것만으로 이용할 수 있다.

 

  실수로 프로퍼티명을 잘못 입력하면(오타를 만들면) 작성한 프로그램에 버그가 생기게 된다.

  Syntax오류가 아닌 정상적인 문장이므로 오류는 아니니 컴파일러는 실수를 알려주지 않는다.

  자바스크립트 디버거를 사용하면 좋을 듯하다.

 

 

자바스크립트의 Object 인스턴스(객체)는

이름과 값으로 구성된 프로퍼티의 컬렉션

프로퍼티의 이름은 문자열이고, 값은 자바스크립트 객체이다.

 

 

var owner = new Object();

owner.name = '스파이크 스피겔';

owner.occupation = '현상금 사냥꾼';

ride.owner = owner;

 

. 중첩된 프로퍼티에 접근하려면

  var ownerName = ride.owner.owner;

 

 

. 범용 프로퍼티 참조 연산자

  object[propertyNameExpression]

  ride['make'] ← ride.make 또는

  ride['m'+'a'+'k'+'e'] 또는

  var p = 'make';  ride[p];

  ride["a property name that s rather odd!"] ← 공백, 부호로 이루어진 프로퍼티

 

  중첩된 프로퍼티의 접근 형식은

  ride[owner][name]

 

 

. 객체 리터럴 표기법 = JSON(JavaScript Object Notation) = http://www.json.org/

  var ride = {

     make: 'Yamaha',

     model: 'V-Star Silverado 1100',

     year: 2015,

     prchased: new Date(2015,3,12),

     owner: {

        name: '스파이크 스피겔',

        occupation: '현상금 사냥꾼'

     }

  };

 

  객체는 중괄호 쌍으로 표시

  프로퍼티는 중괄호 안에서 쉼표로 구분하여 나열

  각 프로퍼티는 이름과 값이 콜론으로 구분되어 표시

 

  JSON으로 날짜 값을 표현할 방법이 없다.

  자바스크립트가 날짜 리터럴을 지원하지 않기 때문에 Date생성자를 이용

  날짜를 주고 받을 수 있는 형식은 ISO8601(http://ko.wikipedia.org/wiki/ISO_8601)이나

  Date.getTime()으로 반환된 밀리초 숫자 값을 이용

 

 

. 배열 선언

  var someValues = [2,3,5,6,7,8,9,1];

 

 

최상위 레벨에서 선언된 모든 참조는 내부적으로 window 인스턴스에 프로퍼티로 만들어진다.

var foo = bar; 또는

window.foo = bar; 또는

foo = bar;

 

 

'plming > jQuery' 카테고리의 다른 글

DOM 레벨0 이벤트 모델  (0) 2015.05.03
[번외] 자바스크립트 #2 - 함수  (0) 2015.04.25
폼 엘리먼트 값 다루기  (0) 2015.04.24
엘리먼트 콘텐츠 설정하기  (0) 2015.04.23
엘리먼트 스타일 변경하기  (0) 2015.04.23