>웹 프론트엔드 >프런트엔드 Q&A >자바스크립트 json을 str로

자바스크립트 json을 str로

WBOY
WBOY원래의
2023-05-09 15:01:36916검색

1. JSON이란 무엇인가요?

JSON(JavaScript Object Notation)은 JavaScript 언어의 객체 및 배열 형식에서 파생된 경량 데이터 교환 형식입니다. 읽고 쓰기 쉬울 뿐만 아니라 기계가 구문 분석하고 생성하기도 쉽기 때문에 최신 애플리케이션에서 가장 일반적으로 사용되는 데이터 교환 형식 중 하나가 되었습니다.

JSON은 기본적으로 간단한 자기 설명적 구문을 사용하여 읽고 이해하기 쉬운 방식으로 복잡한 데이터를 나타내는 문자열입니다. 웹 애플리케이션에서는 데이터 교환 형식으로 XML 대신 JSON이 사용되는 경우가 많습니다.

2. JSON을 문자열로 변환

JSON 개체를 문자열로 변환하는 것을 종종 "직렬화"라고 합니다. JavaScript에서는 JSON 개체를 문자열로 쉽게 직렬화할 수 있습니다. JSON.stringify()는 이 작업을 수행할 수 있습니다. 구문은 다음과 같습니다.

JSON.stringify(value[, replacer[, space]])

where:

  • value: 필수, 변환할 json 개체
  • replacer: 선택 사항, 변환 프로세스를 제어하는 ​​데 사용되는 매개 변수, 함수 또는 배열
  • space일 수 있음 : 선택사항, 사용됨 출력을 들여쓰기할 공백 수입니다.

다음은 간단한 예입니다.

var obj = {name: "John", age: 30, city: "New York"};
var str = JSON.stringify(obj);
console.log(str);    //输出{"name":"John","age":30,"city":"New York"}

이 예에서는 JavaScript 개체 obj를 JSON 문자열로 직렬화합니다. JSON 형식의 문자열이 출력되는 것을 확인할 수 있습니다.

3. JSON 문자열을 객체로 변환

JavaScript의 JSON.parse() 메서드는 JSON 형식의 문자열을 JavaScript 객체로 변환할 수 있습니다. 구문은 다음과 같습니다.

JSON.parse(text[, reviver])

여기서:

  • text: 필수, 구문 분석할 JSON 문자열
  • reviver: 선택 사항, 구문 분석기는 결과의 각 (키, 값) 쌍을 잘라서 반환하는 데 사용됩니다

아래는 간단한 예입니다.

var str = '{"name":"John","age":30,"city":"New York"}';
var obj = JSON.parse(str);
console.log(obj);    //输出{name: "John", age: 30, city: "New York"}

이 예에서는 JSON 문자열을 JavaScript 개체로 구문 분석합니다. 자바스크립트 객체가 출력되는 것을 볼 수 있습니다.

4. 전체 예

다음은 JSON 개체를 문자열로 변환한 다음 다시 원래 개체로 변환하는 방법을 보여주는 전체 예입니다.

// 定义JSON对象
var person = {
  "name": "John",
  "age": 30,
  "city": "New York",
  "hobbies": ["reading", "sports", "music"],
  "married": false,
  "salary": null
}

// 序列化JSON对象为字符串
var jsonString = JSON.stringify(person);
console.log(jsonString);

// 将JSON字符串解析回对象
var personObject = JSON.parse(jsonString);
console.log(personObject); 

이 예에서는 먼저 JSON 개체 person을 정의합니다. 다양한 유형의 속성이 포함되어 있습니다. 그런 다음 JSON.stringify() 메서드를 사용하여 객체를 문자열로 직렬화한 다음 JSON.parse()를 사용하여 이를 원래 객체로 다시 구문 분석합니다. 결과는 동일한 JSON 개체입니다.

5. 요약

JavaScript의 JSON.stringify() 및 JSON.parse() 메서드를 사용하면 JSON 형식의 데이터를 쉽게 처리할 수 있습니다. JSON은 인간 친화적이고 읽고 쓰기 쉬운 형식이며, XML과 같은 데이터를 설명하기 위해 추가 마크업을 사용할 필요가 없기 때문에 이러한 메서드는 웹 API의 데이터 교환에도 사용됩니다. 따라서 웹 개발에서는 JSON 형식을 사용한 데이터 교환이 일반적인 표준이 되었습니다.

위 내용은 자바스크립트 json을 str로의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.