[기초 자바스크립트] 5. 객체 타입(자료형), 객체(자료형)를 배열 안에 넣기

 

객체 또는 영어로는 오브젝트(object)라고도 불린다.

 

 

세상에는 단 하나의 데이터로 표현되지 않는 정보가 많다. ('나'라는 사람을 표현하기 위해서도 이름, 나이, 사는곳 등의 정보가 필요)

객체 타입은 관련있는 정보들을 묶어서 하나의 데이터를 표현하는데 유용하다.

let patient = {
  name : "jimin",
  age : 17,
  disease : "cold"
} 

console.log(patient)
console.log(patient.name)
console.log(patient.age)
console.log(patient.disease)

출력결과

{ name: 'jimin', age: 17, disease: 'cold' }
jimin
17
cold

객체에는 값 뿐만 아니라 함수도 들어갈 수 있다.

let user = {
  name: "Hong",
  age: 22,
  getName : function(){
      return "My name i "+this.name
  }
}; // 객체 정의법

console.log(user.name) // 객체에서 값 가져오는 법 1
console.log(user['name']) // 객체에서 값 가져오는 법 2

user.age = 40 // 객체에 특정 키 값을 바꾸는법 1
user['age']=50 // 객체 특정 키 값을 바꾸는법 2

console.log(user.getName()) // 객체에 함수 호출

---

객체를 배열 안에 넣기

let patientList = [{name:"none", age:17}, {name:"non", age:18, Univ:"S"}, {name:"no", age:19}]

console.log(patientList)

출력 결과

[ { name: 'none', age: 17 },
  { name: 'non', age: 18, Univ: 'S' },
  { name: 'no', age: 19 } ]

---

let patient = {
  name : "jimin",
  age : 17,
  disease : "cold"
} 

console.log(patient)
console.log(patient.name)
console.log(patient["name"])
console.log(patient.age)
console.log(patient["age"])
console.log(patient.disease)
console.log(patient["disease"])
patient.name= "jk"
console.log(patient.name)

출력결과

{ name: 'jimin', age: 17, disease: 'cold' }
jimin
jimin
17
17
cold
cold
jk

https://youtu.be/KF6t61yuPCY

** 이 아래부터는 코딩앙마님의 무료 유튜브 강의 내용을 학습, 캡처한 내용입니다. **

 

 

실습 캡처쓰

 

 

 

 

 

리턴값으로 매개인자 적절히 넣어준 객체를 줄 수도 있다... ㅎㅁㅎ///

코딩앙마님: 이 코드는 문제가 생길 수 있다. user.name 대신 this.name을 쓰는 것이 바람직하다!

this는 실행하는 시점, 즉 런타임에 결정된다.

화살표 함수는 주의해야 한다! 이유는 아래 캡처로 계속

자바스크립트에서 this는 상당히 복잡하다!