프론트엔드/javascript

[javascript] 자바스크립트 객체(object )정리

Se Yeon 2022. 6. 8. 16:27

객체(object)란 ? 생활 속에서 우리가 인식 가능한 사물을 뜻한다.

object는 property를 가진 데이터를 저장해주는데 여기서 property는 값이라고 생각하면 된다.

const myProfile = {
name: "yeon",
color: "blue",
food: "sushi"
};

 

 

한마디로 객체는 이름(name)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합  !!

console.log(myProfile);

//{ name:'yeon', color: 'blue', food: 'sushi'}

 

원하는 부분만 출력을 원할 시에는 밑의 코드와 같이 적으면 된다.

console.log(myProfile.name); // yeon
console.log(myProfile["name"]);  // yeon


object를 변경하는 것은 불가능하지만 property를 바꾸는것은 가능하다.

myProfile.food = "meet";
console.log(myProfile.food);  //meet
//sushi -> meet로 변경

 

myProfile.number = "two";  // 추가
console.log(myProfile);  // { name:'yeon', color: 'blue', food: 'sushi', number: 'two'}

새로 추가도 가능하다 !