1. 객체란?
1) 키(key)와 값(value)로 구성된 집합
2) 키(key)와 값(value)으로 구성된 한 쌍을 속성(property)라고 부른다.
2. 객체의 기본구조 (리터럴표기)
let NewObject = {
freshKey1 : "newValue1", // 값에는 문자열, 숫자열, 불리언 등 모든 타입이 들어갈 수 있다
freshKey2 : "newValue2" // 속성이 함수일 경우 ===> 해당 함수를 메서드라고 부른다
}
3. 객체에 접근하기!
===> 애초에 객체라는 개념이 주목받게 된 이유는, 절차적 사고를 중심으로 작성된 코드들이 IT의 발전에 따라 거대해져서 사람이 코드를 통해 유지보수를 하는데 많은 어려움을 겪게 된 데에서 찾을 수 있다.
===> 그렇기에 객체를 생성하고 이를 변동사항에 따라 유지보수하기 위한 접근방법을 자유자재로 다룰 수 있어야 한다.
// 객체에 접근하기 ===> (닷노테이션(dot notation)) 객체이름.key ===> value || (브라켓노테이션(bracket notation)) 객체이름['key'] ===> value
console.log(NewObject.freshKey1); // newValue1
console.log(NewObject['freshKey1']); // newValue1
4. 객체의 순환(for...in문 *Mdn 참조)
객체에서의 반복문 ===> 반복문과 객체의 범위가 커질 수록 거대한 작업을 할 수 있다!
앞서 살펴본 NewObject의 모든 값을 출력하고 싶다면?
for (let i in NewObject) { // 카운트(i)가 진행되는 동안 NewObject안에 있는 속성들을 순환하라!
console.log(NewObject[i]); // 키에 해당하는 값들을 콘솔 창에 출력하라!
// console.log(NewObjec['i']가 아닌, [i]가 되어야 한다.. 이유는 모름 ㅠㅠ)
// "newValue1"
// "newValue2"
}
* 객체는 자바스크립트 이외에도 다양한 언어에서 핵심적으로 다루고 있으며,,
현대 프로그래밍에서 대체적으로 지향하고자 하는 개념이다.
'프로그래밍 언어 > Javascript' 카테고리의 다른 글
Arrow Function (0) | 2023.01.19 |
---|---|
__proto__ : 프로토타입 (0) | 2023.01.16 |
Class and Instance (0) | 2023.01.16 |
(for문) n = n+i를 n === n+1처럼 착각하지 말자 (0) | 2022.12.19 |
자바스크립트의 타입과 변수 (2) | 2022.12.16 |