Javascript - JS객체, JSON

JS객체

자바스크립트의 객체로 {} 내에 key : value 형식으로 작성하다. (map 형식)
key의 자료형은 string이여야 하며 value는 어떤 자료형이 와도 상관없다.

JS객체 생성법

1. {} : 객체 리터럴 표기법 사용
2. 생성자 + new생성자()를 이용하는 방법

let pName = "펜더 스트랫";
// 1 : {}를 이용하여 생성
const product = {
 	'pName' = "트래디셔널 레스폴",
  	'Brand' = "깁슨",
  	'color' = ["wine","black","natural"],
    'price' = 2000000,
	'info' = function(){
      
      	console.log(pName);
      	// this. 를 사용하지 않고 호출하면 전역변수에서 호출한다.
     	console.log(this.pName);
      	// 객체 내의 변수를 소환하기 위해서는 this.를 사용해야 한다.
      
    }
}

// 2 : 생성자 함수를 사용

function Saxophone(type, brand, cost){
  
  // 생성자 함수의 this == new 연산자를 통해 새로 만들어질 객체
  this.type = type;
  this.brand = brand;
  this.cost = cost;

  this.intro = function(){
  	return this.type + "색소폰의 제조사는 " + this.brand + "이며 가격은 " + this.cost + "원 입니다.";
  }
}

const mySaxophone = new Saxophone('테너', '야마하', 2000000);
   

JSON

자바스크립트 객체 표기법으로 {}내에 key : value로 이루어진 포맷이다. key는 반드시 문자열로 이루어져있고 ""표기는 필수이다.
value는 string, Number, Boolean, Array, Object, null데이터 저장 가능하다.

JSON은 경량 데이터 교환 방식으로 간단한 포맷이고 순수 TEXT기반 형식이어서 시스템간 객체 교환에 용이하다.

JSON 내장 객체

JSON 포맷 데이터를 간편하게 다룰 수 있게 내장된 객체이다.

JSON.stringify(JS객체) : JS객체 -> JSON 문자열로 변환해준다.

JSON.parse(JSON문자열) : JSON문자열 -> JS객체로 변환해준다.