1. 객체의 생김새
let patient = { name : "Cathy", age : 17, disease : "cold" } |
결과 프린트
console.log(patient) // { name : "Cathy", age : 17, disease : "cold" } | |
console.log(patient.age) // 17 ⓐ | 같은 결과 값 도출이나, programing할 때 해당 상황에 따라 필요한 코드로 선택하여 쓴다. |
console.log(patient["age"] // 17 ⓑ |
어떤 값을 접근하는 문법이 두 가지 라고 보면 된다. ⓐⓑ
2. 객체의 특정 정보를 변경할 경우
patient.name = "Catherin" console.log(patient) // { name : "Catherin", age : 17, disease : "cold" } |
(same as) patient ["name"] = "Catherin" console.log(patient) // { name : "Catherin", age : 17, disease : "cold" } |
3. 객체(object)를 배열(array)에 넣어 사용하기 --- object 값 접근하는 방법
*100명의 환자를 배열화 한다는 가정, 첫번째 환자 차트를 알고 싶을 때
let patientList = [ {name: "Olivia",age: 7}, {name: "Emma",age: 15}, {name: "Charlotte",age: 27} ] console.log(patientList) console.log("첫번째 환자는 :", patientList [0]) 결과 프린트 ➞ 첫번째 환자는 : { name: "Olivia", age: 7} |
*첫번째 환자의 나이만 알고 싶을 때
console.log("천번째 환자의 나이는?", patientList[0]. age) 결과 프린트 ➞ 첫번째 환자의 나이는? : 7 |
(same as) console.log("천번째 환자의 나이는?", patientList[0]["age"]) 결과 프린트 ➞ 첫번째 환자의 나이는? : 7 |
객체지향형 프로그래밍 OOP (object-oriented programming)
class 라는걸 많이 이용해서 하는 프로그래밍을 하는 방식을 말한다. 오늘 배운 것은 객체(object)라는 자료형이다.
반응형
'JS' 카테고리의 다른 글
[Javascript] for loop (for문) (0) | 2023.04.07 |
---|---|
[Javascript] if 문 (feat. stitch문, 삼항연산식) (0) | 2023.03.30 |
[Javascript] 자료형_array 배열 자세히 보기 (0) | 2023.03.24 |
[면접 준비] Var와 Let의 차이가 무엇인가요? (0) | 2023.03.21 |
[Javascript] 연산자 종류, 예시, 우선순위 (0) | 2023.03.21 |