JavaScript에서 배열을 JSON 객체로 변환



게시물Converting an Array to JSON Object in JavaScriptQvault에 처음 등장했습니다.

JSON 또는 "JavaScript Object Notation"은 특히 웹 개발에서 가장 널리 사용되는 데이터 교환 형식 중 하나입니다. 데이터 배열이 있지만 통신하려는 프로그램에 개체가 필요한 경우 두려워하지 마십시오. 몇 가지 쉬운 변환 방법을 살펴보겠습니다.

빠른 답변 – JS 배열을 JSON으로



배열은 실제로 유효한 JSON이므로 fetch request을 만들기 위해 배열을 준비하기만 하면 JSON.stringify() 메서드를 사용하는 것만큼 쉽습니다.

const resp = await fetch('https://example.com', {
    method: 'POST',
    mode: 'cors',
    headers: {
      'Content-Type': 'application/json'
    },
    body: JSON.stringify([1, 2, 3, 4, 5])
  });

JSON.stringify() 메서드는 JavaScript 개체, 배열 또는 값을 Fetch API(또는 다른 통신 라이브러리)를 사용하여 유선으로 전송할 수 있는 JSON 문자열로 변환합니다.

이상한 답변 – 인덱스를 키로 사용하여 JSON 배열


JSON 배열의 직접 문자열 표현을 원하지 않는 경우 키가 배열의 인덱스인 객체를 원할 수 있습니다. 예를 들어:

["apple", "orange", "banana"]

// becomes

{
  "0": "apple",
  "1": "orange",
  "2": "banana"
}


인덱스 키가 있는 배열에서 JSON 개체를 가져오려면 다음 코드JSON.stringify와 함께 Object.assign 메서드를 사용할 수 있습니다.

const array = ["apple", "orange", "banana"]
const jsonString = JSON.stringify(Object.assign({}, array))
// jsonString becomes
// {"0":"apple","1":"orange","2":"banana"} 


읽어 주셔서 감사합니다!



테이크computer science courses on our new platform

질문이나 의견이 있으면 Twitter를 팔로우하고 연락하십시오.

Subscribe 더 많은 프로그래밍 기사를 보려면 뉴스레터로

좋은 웹페이지 즐겨찾기