📌 객체
객체 개요
JavaScript의 객체는 게임 캐릭터에 비유할 수 있습니다. 사용자들의 캐릭터는 동일하게 직업과 능력을 가지고 있지만, 세부적인 내용은 다릅니다. 누군가는 김코딩이라는 ID와 마법사라는 직업을 가지고 있지만, 다른 누군가는 박해커라는 ID와 전사라는 직업을 가지고 있습니다. 마찬가지로 사용자가 유어클래스에 가입할 때 입력할 항목은 모두 같지만, 입력하는 정보는 사용자마다 다릅니다. 이렇게 각기 다른 값을 가질 수 있지만, 입력해야 하는 데이터의 종류가 동일한 경우 객체를 사용하면 손쉽게 데이터를 관리할 수 있습니다.
이렇게 공통적인 속성을 가지는 경우 객체를 사용해야 합니다.
✏️ 객체란?
객체는 배열과 마찬가지로 다량의 데이터를 한 번에 다룰 수 있는 참조자료형 데이터
객체는 { } 로 묶어 준다.
프로퍼티끼리는 ,(쉼표)로 구분한다.
객체는 0개 이상의 프로퍼티의 조합으로 되어 있다.
프로퍼티는 키(key)와 값(value)의 조합으로 이루어져 있다
프로퍼티(속성) = 키(속성명) + 값(속성값)
키를 속성명이라고 생각해도 된다. 값을 속성값이라고 생각해도 된다.
✅ 객체와 배열 차이점
배열이 데이터의 순서정보(index)를 가지고 있는 자료형이었다면, 객체는 데이터에 이름(key)을 부여 할 수 있다.
즉 , 배열은 데이터 값의 집합 이었다면 , 객체는 프로퍼티의 집합이다.
✅ JavaScirpt에서 사용 가능한 모든 타입의 값은 프로퍼티가 될 수 있다.
프로퍼티 : 객체의 상태를 나타내는 값(data)
메서드: 프로퍼티를 참조하고 조작할 수 있는 동작 => 객체 내부의 함수
위 이미지를 보면 속성값으로 String,Number,Boolean,Array,Object,Fuction(method) 자바스크립트에서 사용하는 모든 타입의 값을 사용 할 수 있다.
'코드스테이츠 > JavaScript' 카테고리의 다른 글
Unit8-[JavaScript] 객체 응용 (0) | 2022.12.31 |
---|---|
Unit 8-[JavaScript] 객체 다루기 (0) | 2022.12.31 |
Unit 8-[JavaScript] 배열 기초 (0) | 2022.12.31 |
Unit2-[JavaScript] 함수 (0) | 2022.12.28 |
Unit2-[JavaScript] 반복문 (0) | 2022.12.22 |