JSON VS JavaScript 객체

둘 다 중괄호  { }를 사용하고,  키 : 값 쌍의 형태로 데이터를 표현한다.

하지만 이 둘은 유사하지만 서로 다른 개념이다.

JSON과 객체의 비교

 

	JSON	JavaScript 객체
정의	데이터를 교환하기 위한 문자열 형식	JavaScript에서 데이터를 저장하고 조작하는 데 사용되는 실제 객체
표현 방식	항상 문자열로 표현되며, JavaScript 외에도 다른 언어와 호환 가능	JavaScript 내에서 사용되는 데이터 구조. 변수로 직접 선언 가능
사용법	네트워크를 통해 데이터를 전송하거나 저장할 때 사용. 클라이언트와 서버 간 데이터 교환 시 주로 사용.	프로그래밍 중 데이터를 저장하고 조작하기 위해 사용.
키의 형식	키는 반드시 문자열로 감싸야 함 ("key")	키는 문자열로 감싸도 되고, 문자열 없이도 가능
값의 형식	문자열, 숫자, 배열, 불리언, null만 가능	함수, 심볼 등 모든 JavaScript 데이터 타입 사용 가능
예시	{"name": "John", "age": 30}	{name: "John", age: 30}

 

1. JSON (JavaScript Object Notation)

• JSON은 항상 문자열로 표현되며, 주로 데이터를 교환하거나 저장할 때 사용됩니다.

{
  "name": "John",
  "age": 30,
  "isStudent": false
}

특징:

• 키는 항상 **쌍따옴표("")**로 감쌉니다.
• 값에는 문자열, 숫자, 배열, 불리언, null만 올 수 있습니다.

 

2. JavaScript 객체

• JavaScript에서 데이터를 저장하고 조작하기 위한 데이터 구조입니다.

const person = {
  name: "John",
  age: 30,
  isStudent: false
};

• 특징:
  • 키는 따옴표 없이도 사용 가능합니다.
  • 값으로 함수, 심볼, 객체 등 모든 JavaScript 데이터 타입을 사용할 수 있습니다.
  • 객체를 변수에 담아 프로그램에서 조작할 수 있습니다.

 

---

 

JSON과 객체의 관계

1. JSON은 객체와 비슷하게 보이지만 문자열

• JSON은 단순히 데이터를 표현하기 위한 문자열 형식입니다.
• JavaScript 객체와 비슷하게 생겼지만, 사실은 문자열로 구성된 데이터입니다.

2. JSON ↔ 객체 변환 가능

• JavaScript에서는 JSON과 객체를 서로 변환할 수 있습니다.
• 이를 통해 JSON 데이터를 서버에서 받아와 객체로 변환하거나, 객체를 JSON으로 변환하여 서버로 보낼 수 있습니다.

// JSON 문자열
const jsonString = '{"name": "John", "age": 30}';

// JSON → 객체 변환
const obj = JSON.parse(jsonString);
console.log(obj); // { name: 'John', age: 30 }

// 객체 → JSON 변환
const json = JSON.stringify(obj);
console.log(json); // '{"name":"John","age":30}'

요약

• JSON은 데이터를 교환하기 위한 문자열 형식.
• JavaScript 객체는 JavaScript에서 데이터를 저장하고 조작하는 구조.
• 둘은 유사하게 보이지만, JSON은 엄격한 규칙을 가진 문자열이고, 객체는 JavaScript 언어의 일부입니다.