[JS] JSON의 키와 값을 다루는 다양한 메소드

 

자바스크립트에서 JSON의 키와 값을 다루는 다양한 메소드가 있습니다.

다음은 그 중 몇 가지를 정리하였습니다.

 

 

Object.keys()

Object.keys() 메소드는 객체의 키를 배열로 가져옵니다. JSON 객체의 키를 가져올 때 사용됩니다.

const jsonObject = {
  name: "John Doe",
  age: 30,
};

const keys = Object.keys(jsonObject);

console.log(keys);

출력 :

// [object Array] (2)
["name","age"]

 

Object.values()

Object.values() 메소드는 객체의 값을 배열로 가져옵니다. JSON 객체의 값을 가져올 때 사용됩니다.

const jsonObject = {
  name: "John Doe",
  age: 30,
};

const values = Object.values(jsonObject);

console.log(values);

출력 :

// [object Array] (2)
["John Doe", 30]

 

Object.entries()

Object.entries() 메소드는 객체의 키와 값을 쌍으로 이루어진 배열로 가져옵니다.

JSON 객체의 모든 키와 값을 한 번에 가져올 때 사용됩니다.

const jsonObject = {
  name: "John Doe",
  age: 30,
};

const entries = Object.entries(jsonObject);

console.log(entries);

출력 :

[["name","John Doe"],["age",30]]

 

Object.assign()

Object.assign() 메서드는 두 개의 객체를 병합하여 새로운 객체를 생성합니다.

첫 번째 인자로 기존 객체를 지정하고, 두 번째 인자로 추가할 값을 지정합니다.

const originalObject = {
  name: "John Doe",
  age: 30,
};

const newObject = Object.assign(originalObject, {
  address: "123 Main Street",
  phone: "123-456-7890",
});

console.log(newObject);

출력 :

// [object Object] 
{
  "name": "John Doe",
  "age": 30,
  "address": "123 Main Street",
  "phone": "123-456-7890"
}

 

delete 

const originalObject = {
  name: "John Doe",
  age: 30,
  address: "123 Main Street",
  phone: "123-456-7890",
};

delete originalObject.name;

console.log(originalObject);

출력 :

// [object Object] 
{
  "age": 30,
  "address": "123 Main Street",
  "phone": "123-456-7890"
}

 

 

 

---

응용 정리

 

 

지정한 키와 값 추가

const ExamJson = {};

const inputKey = "keyName";
const inputValue = "This is json Value";

// JSON의 값 추가
ExamJson[inputKey] = inputValue;

console.log(ExamJson);

const ExamJson = {};

const inputKey = "keyName";
const inputValue = "This is json Value";

// JSON의 값 추가
const NewJson = Object.assign(ExamJson, {
  [inputKey]: inputValue,
});

// 결과
console.log(NewJson);

출력 :

// [object Object] 
{
  "keyName": "This is json Value"
}

 

특정 키와 특정 값을 추가하는 방법

const originalObject = {
  name: "John Doe",
  age: 30,
};

// 특정 키와 특정 값 추가
originalObject.address = "123 Main Street";

console.log(originalObject);

출력 :

{
  name: "John Doe",
  age: 30,
  address: "123 Main Street",
}

 

특정 키값을 변경

const originalObject = {
  name: "John Doe",
  age: 30,
};

// 특정 키값 변경
originalObject.name = "Jane";

console.log(originalObject);

출력 :

{
  name: "Jane",
  age: 30,
}

 

0번째 키값만 추출하는 방법

const json = {
  name: "John Doe",
  age: 30,
};

// 1번째 키값 추출
const firstKey = Object.keys(json)[0];
console.log(firstKey)

const json = {
  name: "John Doe",
  age: 30,
};

// 1번째 키값 추출
const [firstKey, firstValue] = Object.entries(json)[0];

출력 :

"name"

 

 

특정이름의 key가 있는지 확인하는 방법

const json = {
  name: "John Doe",
  age: 30,
};

// JSON에 특정이름의 key가 있는지 확인
if ("name" in json) {
  console.log("JSON에 name 키가 있습니다.");
} else {
  console.log("JSON에 name 키가 없습니다.");
}

const json = {
  name: "John Doe",
  age: 30,
};

// JSON에 특정이름의 key가 있는지 확인
const hasNameKey = Object.keys(json).includes("name");

if (hasNameKey) {
  console.log("JSON에 name 키가 있습니다.");
} else {
  console.log("JSON에 name 키가 없습니다.");
}

출력 :

"JSON에 name 키가 있습니다."