๐ŸŸจ JavaScript/๊ฐœ๋…

[์ฝ”๋”ฉ์•™๋งˆ ์™ธ] ๊ฐ์ฒด(Object)์™€ ํ”„๋กœํผํ‹ฐ(property)

Zoeeey 2022. 4. 14. 14:36

๊ฐ์ฒด(Object)

key์™€ value๋กœ ์ด๋ฃจ์–ด์งˆ ์ˆ˜ ์žˆ๋‹ค.

 

1. ํ•จ์ˆ˜ํ‘œํ˜„์‹

const goodCoder = function(name, age, coding) {
    name : 'Noran',
    age : 20,
    coding : function(){
        console.log('ํ™”์ดํŒ…!');
    }
}

name : 'Noran', age : 20, coding fuction์€ ํ”„๋กœํผํ‹ฐ(property),

name๊ณผ age๋Š” key,

'Noran'๊ณผ 20์€ value์ด๋‹ค.

coding์€ method(๊ฐ์ฒด ํ”„๋กœํผํ‹ฐ๋กœ ํ• ๋‹น๋œ ํ•จ์ˆ˜)์ด๋‹ค.

2. ํ•จ์ˆ˜์„ ์–ธ๋ฌธ

function goodCoder(name, age, coding) {
    name : 'Noran',
    age : 20,
    coding : function(){
        console.log('ํ™”์ดํŒ…!');
    }
}

ํ”„๋กœํผํ‹ฐ(Property)

in์„ ํ™œ์šฉํ•ด ๊ฐ์ฒด์— ํ”„๋กœํผํ‹ฐ๊ฐ€ ์กด์žฌํ•˜๋Š”์ง€ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค.

'haircolor' in goodCoder;

์ด๋ฅผ for in๋ฌธ์œผ๋กœ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

 

for/in ๋ฌธ

์—ด๊ฑฐํ•  ์ˆ˜ ์žˆ๋Š” ํ”„๋กœํผํ‹ฐ(enumerable properties) , ์ฆ‰ ๋‚ด๋ถ€์ ์œผ๋กœ enumerable ํ”Œ๋ž˜๊ทธ๊ฐ€ true๋กœ ์„ค์ •๋œ ํ”„๋กœํผํ‹ฐ๋“ค์„ for/in๋ฌธ์œผ๋กœ ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋‹ค.

for (key in goodCoder){
  console.log(goodCoder[key]); //๊ฐ์ฒด์˜ ์—ด๊ฑฐํ•  ์ˆ˜ ์žˆ๋Š” ํ”„๋กœํผํ‹ฐ์˜ ๊ฐœ์ˆ˜๋งŒํผ ๋ฐ˜๋ณต์ ์œผ๋กœ ์‹คํ–‰๋œ๋‹ค.
}

์ถœ์ฒ˜ : ์ฝ”๋”ฉ์•™๋งˆ https://www.youtube.com/@codingangma