JavaScript - Object

iseon_u·2022년 4월 17일
0

JavaScript

목록 보기
4/5
post-thumbnail

Object 객체


특징

  • 순서 없이 데이터 저장
  • 하나의 변수에 여러 속성을 저장하는 데이터 타입
  • property 데이터를 저장

선언

const player = {
		name: "iseon_u",
		points: 10,
		handsome: true,
		fat: "thin"
};

const objectVariable = {key : value};

  • 객체 선언시 시작과 끝에 중괄호 사용
  • property 사이는 , (콤마) 로 구분

접근법

player.name
player["name"]

object . key

object [”key”]

  • 키 값에 해당하는 값에 접근
  • 키 값에 띄어쓰기가 있다면 대괄호로 접근

property 프로퍼티 (속성)

const player = {name : "iseon_u"};

{ key : value }

  • keyvalue 로 구성
  • keyvalue: (콜론) 으로 연결

property 추가 & 수정

player.name = "n_u";
player["full name"] = "iseon_u";

object . key = “value”

object [”key”] = “value”

  • 이미 있는 property 값에 대해선 수정
  • 새로운 property 값은 추가
  • 키 값에 띄어쓰기가 있다면 대괄호로 추가 및 수정

function 추가

const player = {
		sayHi : function(){console.log("Hi")}
};
player.sayHi = function(){console.log("Hi")};

const object = { functionVariable : function ( ) { code } } ;

object . functionVariable = function ( ) { code } ;

  • 첫번째 코드는 첫 선언 때 함수 추가시 사용 (선언 방식에 따라 다름)
  • 두번째 코드는 객체 끝에 함수 추가

method 메소드

player.sayHi();

object . method_function ( ) ;

  • 객체에 속해 있는 함수
profile
🧑🏻‍💻 Hello World!

0개의 댓글