Object Property

°´Ã¼ ÇÁ·ÎÆÛƼ´Â ·ç¾ÆÀÇ Å×À̺í°ú ºñ½ÁÇÏ´Ù.

°´Ã¼ »ý¼º

°´Ã¼´Â Å°¿Í °ªÀ¸·Î ³ªÅ¸³½´Ù.
°´Ã¼ »ý¼ºÀº ¸î°¡Áö ¹æ¹ýÀÌ ÀÖ´Ù.

1) »ý¼º
var myColor = {
    red: 0,
    blue: 1,
    green: 2,
    'red blue' : 33,  //°ø¹éÀÌ ÀÖ´Â ¹®ÀÚ¿­µµ °¡´É
    'red green' : 44  //°ø¹éÀÌ ÀÖ´Â ¹®ÀÚ¿­Àº Color['red blue']ó·³ »ç¿ëÇÑ´Ù.
};

°ø¹éÀÌ ÀÖ´Â ¹®ÀÚ¿­µµ °¡´ÉÇÏ´Ù.

2) »ý¼º
var obj = {};
obj.color = 'blue';
obj.width = 34;
obj['height'] = 100;

3) »ý¼º
var obj = new Object();
obj.color = 'blue';
obj.width = 34;
obj['height'] = 100;

°´Ã¼ ¼Ó¼º ¸®½ºÆ®

°´Ã¼ ÇÁ·ÎÆÛƼ ¸®½ºÆ®¸¦ for ±¸¹®À¸·Î °¡Á®¿Ã¶§´Â for ~ in ±¸¹®À» »ç¿ëÇØ¾ß ÇÑ´Ù.
Object.keys ÇÔ¼ö´Â ¹è¿­À» ¹ÝȯÇϹǷΠfor ~ of ±¸¹®À» »ç¿ëÇØ¾ß ÇÑ´Ù.
var myColor = {
    red: 0,
    blue: 1,
    green: 2,
};

//°´Ã¼ ÇÁ·ÎÆÛƼ ¸®½ºÆ®¸¦ for ±¸¹®À¸·Î °¡Á®¿Ã¶§´Â for ~ in ±¸¹®À» »ç¿ëÇØ¾ß ÇÑ´Ù.
for( var key in myColor)
{
    document.write('<p>' + key + ' : ' +  myColor[key] + '</p>');
}
  
//Object.keys ÇÔ¼ö´Â ¹è¿­À» ¹ÝȯÇϹǷΠfor ~ of ±¸¹®À» »ç¿ëÇØ¾ß ÇÑ´Ù.
for(var key of Object.keys(myColor))
{
    document.write('<p>' + key + ' : ' +  myColor[key] + '</p>');
}

»ç¿ë ¹æ¹ý

±âº»ÀûÀÎ »ç¿ë¹æ¹ýÀº ´ÙÀ½°ú °°´Ù.
var green = myColor.green;
var blue = myColor['blue'];

¼Ó¼º °¹¼ö ±¸Çϱâ
var length = Object.keys(myColor).length;

°´Ã¼ ¼Ó¼º¾È¿¡ ¼Ó¼ºÀ» ¸¸µé¼öµµ ÀÖ´Ù.
var blueColor = {
    'list': {'index': 1, 'name': 'blue'}
};

var name = blueColor['list']['name'];  // blue
var index = blueColor.list.index;      // 1


ÇÔ¼ö¸¦ Æ÷ÇÔ ÇÒ¼öµµ ÀÖ´Ù.
var blueColor = {       
    'list': {'index': 1, 'colorname': 'blue',
           show : function()
           {   // 'index', 'colorname', 'show'¸¦ Ãâ·ÂÇÑ´Ù.
               console.log(Object.keys(this));
           }
   }
};

// blueColor['list']['show']();
blueColor.list.show();

¼Ó¼º À¯¹« üũ

hasOwnProperty ÇÔ¼ö·Îµµ üũ ÇÒ¼ö ÀÖ´Ù. ÀÌ ¹æ¹ýÀÌ °¡Àå ¾ÈÀüÇÏ´Ù.

if(blueColor.list.hasOwnProperty('colorname'))
    console.log('hasOwnProperty: colorname');

'undefined'·Î üũ ÇÒ¼ö ÀÖ´Ù.
¸¶Áö¸· ¼Ó¼ºÀÌ ¾ø¾îµµ »ó°ü¾øÁö¸¸ ºÎ¸ð ¼Ó¼ºÀÌ ¾øÀ¸¸é ÀÚ¹Ù ½ºÅ©¸³Æ® ¿À·ù°¡ ³­´Ù.

blueColor.list.bluename  (¹®¹ý ¿À·ù ¾øÀ½)
blueColor.arr.colorname (¹®¹ý ¿À·ù)

if (typeof blueColor.list.colorname === 'undefined')
    console.log('name property is missing');

undefined·Îµµ üũ ÇÒ¼ö ÀÖ´Ù.

if (blueColor.list.colorname === undefined)
    console.log('name property is missing');

!blueColor.list.colorname  ¼Ó¼º ÀÚü¸¸À¸·Î üũ ÇÒ¼öµµ ÀÖ´Ù.

¼Ó¼ºÀÌ ÀÖÀ»¶§¸¸ ½ÇÇà ÇÒ¶§´Â ´ÙÀ½°ú °°ÀÌ ÇÑ´Ù.
if(blueColor.list.colorname)
     console.log('OK !!!')

if (!blueColor.list.colorname)
    console.log('name property is missing');

Å×½ºÆ® ÆÄÀÏ : object_property.html