객체

객체(Object)

자바스크립트는 객체 기반의 스크립트 언어이다.

기본자료형(Primitives, 숫자, 문자열, 불, 객체, 함수, undefinde)을 제외한 나머지 값들(함수, 배열, 정규표현식 등)은 모두 객체이다.

alert(typeof([]));

- 객체는 데이터와 그 데이터에 관련된 동작(방법, 기능 등)을 모두 포함 할 수 있는 개념적 존재이다.

- 객체는 데이터를 한 곳에 모으고 구조와 하는데 유용하다.

- 객체는 이름과 값으로 구성된 데이터를 의미하는 속성(property)과 메서드(method)를 포함하고 있는 독립적 주체이다.

-> 객체는 class의 값(instance) 이다. 

예를 들어 새(class)의 객체(object, instance)는 까마귀, 참새, 독수리 등을 말한다.

새는 날개, 부리, 털, 다리등의 속성(property)를 가지고 있고, 날아다니거나, 벌레를 잡는 행위(method)를 가지고 있다. 

프로퍼티(property)

- 객체는 이름과 값의 쌍인 프로퍼티들을 포함하는 상자이다. 프로퍼티는 프로퍼티 이름과 값으로 구성된다.

  -> 이름 : 값

메서드(method)

- 매서드는 객체에 제한되어 있는 함수를 의미한다. 즉, 프로퍼티 값이 함수 일 경우, 일반 함수와 구분하기 위해 매서드라고 한다.

객체 생성법

1) 객체 리터럴

 - 중괄호를 사용하여 객체를 생성한다. {}내에 아무것도 없으면 빈 객체가 된다.

var emptyObject = {};
console.log(typeof emptyObject); // object

var person = {
  name: 'Lee',
  gender: 'male',
  sayHello: function(){
    console.log('Hi! My name is ' + this.name);
  }
};

https://jsfiddle.net/jywoo/u45dqjxt/

배열과 객체 

//배열 선언
var fruitArry = ["사과", "바나나", "망고", "딸기"];

//객체 선언
var product = {
	제품명 : '망고',
  유형: '당절임',
  성분: '망고, 설탕, 치자황색소 등',
  원산지: '필리핀'
}

객체와 반복문

https://jsfiddle.net/jywoo/Lwbysvyo/

속성 추가

https://jsfiddle.net/jywoo/8xvmgvw3/

속성 제거

https://jsfiddle.net/jywoo/rnt59ar2/

***

배열과 마찬가지로 객체도 여러 데이터를 하나로 묶어서 변수에 대입할수있다. 그러나 생성법과 읽는 방법이 배열과는 다르다.

배열과 객체처럼 여러 데이터가 하나의 변수에 담겨있는 경우는 전체를 읽는것 외에 하나씩 꺼내서 개별적으로 사양하는 방법도 사용해야함

객체 작성/

var 변수명 = { 객체명 : 값 };

객체 프로퍼티읽기/

객체명.프로퍼티명

객체명['프로퍼티명']

프로퍼티변경하기

객체명.프로퍼티명 = 변경할 데이터;

객체명['프로퍼티명'] = 변경할 데이터