자바스크립트 객체

최준영·2021년 9월 24일
0
  • 자바스크립트 객체는 key와 value로 이루어진 dictionary 자료구조이다.

객체


  • key, value 구조의 자료구조이다.
  • javascript로 데이터를 표현하기 위해서는 Array, Object를 사용한다.
  • Object형태는 {}로 그 자료를 표현하며, 서버와 클라이언트 간에 데이터를 교환할 때 Object 포맷과 비슷한 방법으로 데이터를 보낸다.

객체 선언

const obj = {name : "junyoung", age : 24}
  • 자바스크립트 객체구조를 본떄 서버의 웹 브라우저 간에 데이터를 주고받을 때 정의한 JSON이라는 것이 있다.

객체의 추가/삭제

const obj = {key:"value", key2:"value"}

// 객체 속성 추가
myFriend["name"] = "yujin";
myFrined.age = "23";

// 객체 속성 삭제
delete myFreind.key;
delete myFreind["key2"];
  • 추가하는 방법은 dot notation 을 더 많이 사용한다.

객체의 탐색

  • 여러가지가 있으며 for - in구문을 사용한 방법이 대표적이다.
const obj = {"name":"junyoung", age:24, data:[1, 2, 3, 4, 5]};

for(value in obj) { // value에 키값이 저장됨.
  console.log(obj[value]) // junyoung, 24, [1, 2, 3, 4, 5]
}
  • object.keys()를 이용한 후 forEach로 탐색하는 방법도 많이 쓰인다.
const obj = {"name":"junyoung", age:24, data:[1, 2, 3, 4, 5]};

Object.keys(obj).forEach(function(key) {
  console.log(obj[key]); // junyoung, 24, [1, 2, 3, 4, 5]
});
profile
do for me

0개의 댓글