본문 바로가기
프로그래밍 언어/Javascript

객체란?

by whale in milktea 2023. 1. 16.

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