Object

✅ Object

객체는 여러개의 데이터를 한 변수에 저장할 수 있는 자료형이다.

객체는 {} 중괄호를 사용해 생성하고 키(key) 와 값(value)으로 구성된 프로퍼티(property)를 가지고 있으며 각 프로퍼티는 ,(쉼표)로 구분된다. 또한 key와 value는 콜론(:)으로 구분된다.

const human = {
    name: "taehee",
    age: 28,
    from: "korea",
    askingShe: function () {
        console.log("hello world!");
    },
    0: '01000000000'
};


// 추가
human.gender = 'female';
human['hairColor'] = 'black'; 

// 접근
console.log(human.hairColor); // black
console.log(human['gender']); // female

// 변경
human.age = 30;
console.log(human.age) // 30

// 제거
delete human.gender;
console.log(human.gender); // gender 의 값이 삭제됨

// 존재여부 확인
console.log('age' in human);  // 존재할땐 true 반환
console.log('mercy' in human); // 존재하지 않을떈 false 반환

 

✅  객체 메서드

📍 .hasOwnProperty()

hasOwnProperty() 메소드는 객체가 특정 프로퍼티를 가지고 있는지를 나타내는 불리언 값을 반환합니다.

const man  = {
  name: 'Mike',
  age: 33,
}

console.log('age' in  man) // true
console.log(man.hasOwnProperty('age')) // true

 

📍 .keys() / .values()

keys 와 values 메서드는 각각 key들과 value 들을 배열로 반환해줍니다.

단 . 점 앞에 객체명이 아닌 Object가 들어갑니다.
🤔 Object가 의미하는 바는 뭘까?  이 객체는 사용자가 생성한 객체가 아니라 자바스크립트 안에 원래 내장되어 있는 객체로 사용자가 편하게 언어를 사용할 수 있도록 미리 만들어진 메서드이다.  Math 객체와 같은 개념이라고 보면 된다.

const man  = {
  name: 'Mike',
  age: 33,
}

console.log(Object.keys(man)) // ['name', 'age']
console.log(Object.values(man)) // ['Mike', 33]