JavaScript - object(객체)

·2022년 12월 20일
0

JavaScript

목록 보기
7/11

요즘 코딩알려주는누나의 강의를 듣고 강의내용을 정리하고 있다.
코딩의 처음 입문자라면 정말 쉽게 알려주는 강의여서 나처럼 방황하는 사람한테는 정말 추천하는 강의이다.

🫠 객체 object?

관련된 정보를 묶어서 하나의 데이터로 저장을 해주는 것을 말한다. 예를 들어 설명을 하면 나를 설명할때도 어떻게 한가지로 설명이 가능할 수 있을까? 이름, 나이, 성별, 등등 그 모든 정보를 하나로 넣어서 표현을 할 수 있는 것이 바로 객체이다

📌 객체의 기본형태

let person = {
  name: "yoon",
  age: 31,
  gender:"w",
};

console.log(person);
>{name: 'yoon', age: 31, gender:'w'}

//객체형태로 정보를 알려준다! 

📎 객체의 세부정보를 알고 싶을때

2가지 표현방식이 존재한다.

console.log(person.name);
            === console.log(person["name"])
> yoon

📎 객체의 세부정보를 바꾸고 싶을 때

// 환자의 이름을 바꾸고 싶습니다.
person.name = "sihu";
console.log(person);
>{name: 'sihu', age: 31, gender:"w"} 

📌 객체를 배열에 넣었을때

📎 객체타입을 배열에 넣어보기

let personList = [
  { name: "yoon", age: 31, gender="w" },
  { name: "sihu", age: 17, gender="w" },
  { name: "jimin", age: 32, gender="b" },
];

 consoel.log(personList)
> (3) [{}, {}, {}]
> 0: { name: "yoon", age: 31, gender="w" },
  1: { name: "sihu", age: 17, gender="w" },
  2: { name: "jimin", age: 32, gender="b" },

📎 개별정보 찾아보기(객체 하나의 정보 보기)

console.log("고객", personList[0]);
// 0번째 사람 List를 보여주세요 
>{name: 'yoon', age: 31, gender="w"}

📎 배열안의 객체의 개별정보를 찾는 경우 (객체의 세부정보를 찾아보기)

console.log("첫번째 고객의 나이", personList[0].age);
   ===console.log("첫번째 환자의 나이", personList[0]["age"]);

> 첫번째 고객의 나이 31
profile
프론트엔드 개발자 입니다.

0개의 댓글