객체란?

1. 객체(object)의 형식

Object VS Array

//array
var members = ['ms', 'mc', 'jh','cw'];
console.log(members[1]); 
//mc
 
//object
var roles = {
  'programmer':'ms',
  'designer' : 'jh',
  'doctor' : 'cw',
  'soldier' : 'mc'
}
console.log(roles.doctor); 
//cw

 

2. 객체의 반복

var members = ['ms', 'mc', 'jh','cw'];
console.log(members[1]); 

var i = 0;
while( i < members.length){
	console.log('array loop', members[i]);
    i = i + 1
}


var roles = {
  'programmer':'ms',
  'designer' : 'jh',
  'doctor' : 'cw',
  'soldier' : 'mc'
}
console.log(roles.designer);
console.log(roles['doctor']);

for (var n in roles){
	console.log('object =', n , 'value =', roles[n]
}

위 코드를 실행했을 때의 결과값.

 

3. 객체 - 값으로서 함수

var f = function(){
  console.log(1+1);
  console.log(1+2);
}
var a = [f];
a[0]();

var o = {
  func:f
}
o.func();

dataframe.sum()이 이와 같은 원리인 것 같다(확실하지 않음!)

위의 코드를 보면 f는 함수이며 f()를 통해 실행되는 것을 알 수 있다.

이 함수 f는 array나 object 내에 저장할 수 있다.

 

4. 객체 - 데이터와 값을 담는 그릇으로서 객체    

var v1 = 'v1';
//이 사이에 엄청난 수의 코드가 있었다!
v1 = 'ms'
var v2 = 'v2';


var p = {
  v1: 'v1',
  v2: 'v2',
  f1: function(){

    //this는 함수가 객체 안에서 사용될 때, 해당 함수가 포함된 객체를 참조할 수 있게 한다.
    console.log(this.v1);
  },
  f2: function(){
    console.log(this.v2);
  }
}

p.f1()

이 코드를 보면 함수를 object안에 저장해서 각 함수들을 깔끔하게 정리하였다.

 

 

객체라고 하는 것은 결국에 코드가 복잡해짐에 따라 정리정돈을 하여 그 복잡성을 낮추는 기능으로부터 출발하였다.