자바스크립트 객체

2020-06-11

Javascript

해당 Post는 Javascript의 객체에 대해 정리한 파일입니다.

자바스크립트 객체는 key와 value로 이루어진 dictionary 자료구조입니다.

객체

key, value 구조의 자료구조입니다.

JavaScript로 데이터를 표현하기 위해서는 Array, Object를 사용합니다.

Object형태는 {}로 그 자료를 표현하며, 서버와 클라이언트 간에 데이터를 교환할 때 Object포맷과 비슷한 방법으로 데이터를 보냅니다.

객체선언

var obj = { name : "Junghyun", age : 26} 

console.log(obj["name"]);
console.log(obj.age);

자바스크립트 객체구조를 본따 서버와 웹브라우저 간에 데이터를 주고받을 때 정의한 JSON이라는 것이 있습니다.

JSON 예제 link

객체의 추가/삭제

const myFriend = { key : "value", key2 : "value" };
console.log(myFriend);

// 객체 속성 추가
myFriend["name"] = "Junghyun";
console.log(myFriend["name"]);

myFriend.age = 26;
console.log(myFriend.age);

// 객체 속성 삭제
delete myFriend.key;
delete myFriend["key2"];
console.log(myFriend);

객체의 탐색

객체를 탐색하는 방법은 여러 가지가 있습니다.

for- in 구문을 사용한 방법이 대표적입니다.

var obj = {"name":"junghyun" , age :26, data: [1,2,3,4,5]};

for(value in obj) {
  console.log(obj[value]);
}

그 밖에도 객체를 탐색하는 방법으로는 Object.keys()를 이용한 후 forEach로 탐색하는 방법도 많이 쓰입니다.

var obj = { "name" : "junghyun" , age : 26, data : [1,2,3,4,5] };

Object.keys(obj).forEach(function(key) {
	console.log(obj[key]);
});

« 자바스크립트 배열 BOJ 1043 »