> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트에서 json 문자열과 객체를 변환하는 방법

자바스크립트에서 json 문자열과 객체를 변환하는 방법

coldplay.xixi
풀어 주다: 2023-01-04 09:35:52
원래의
7085명이 탐색했습니다.

json 문자열과 객체를 변환하는 Javascript 방법: 1. json을 객체로 변환합니다. 코드는 [var obj = eval('(' + str + ')')]입니다. 2. 객체를 json으로 변환합니다. 코드는 다음과 같습니다. [ var str=obj.toJSONString()].

자바스크립트에서 json 문자열과 객체를 변환하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, DELL G3 컴퓨터.

JSON 문자열과 객체를 변환하는 Javascript 방법:

방법 1: json과 객체를 변환하는 json.js

JSON에서는 JSON 데이터를 편리하게 처리하기 위해 json.js 패키지인 json js를 무료로 제공합니다. 다운로드 주소.

json을 객체로 변환

//json转换为对象
var obj = eval('(' + str + ')');
或者 
var obj = str.parseJSON(); //json字符串转换为对象
或者
var obj = JSON.parse(str); //json字符串转换为对象
로그인 후 복사

참고: obj가 원래 JSON 객체인 경우 eval() 함수를 사용하여 변환한 후에도(여러 번 변환되더라도) 여전히 JSON 객체이지만 이를 처리하기 위해parseJSON() 함수를 사용한 후 질문합니다(구문 예외가 발생함).

객체를 json으로 변환

//对象转成json
可以运用 toJSONString()或者JSON.stringify()将JSON对象转化为JSON字符串。
var str=obj.toJSONString(); //将对象转成json
或者
var last=JSON.stringify(obj); //将对象转成json
로그인 후 복사

위의 경우 eval() 함수가 js와 함께 제공된다는 점을 제외하고 다른 많은 필수 요소는 json.js 패키지에서 제공됩니다. JSON의 새 버전은 API를 수정하고 JSON.stringify() 및 JSON.parse() 함수를 Javascript의 내장 객체에 삽입합니다. 전자는 Object.toJSONString()이 되고 후자는 String이 됩니다. . toJSONString() 및parseJSON()을 찾을 수 없다는 메시지가 표시되면 json 패키지 버전이 너무 낮다는 의미입니다.

방법 2: jQuery.json은 json과 객체 간 변환을 구현합니다.

jQuery.json은 객체와 JSON 문자열 간을 쉽게 변환할 수 있는 jQuery용 플러그인입니다. JavaScript 개체, 값, 문자열 및 배열을 JSON 문자열로 직렬화하고 JSON 문자열을 JavaScript 무료 다운로드 주소로 변환할 수 있습니다.

Convert object to json

//对象转成json
var thing = {plugin: 'jquery-json', version: 2.3};//js对象
var str = $.toJSON(thing);//转换为json,结果: '{"plugin":"jquery-json","version":2.3}'
로그인 후 복사

json to object

//json转成对象
var  obj= $.evalJSON(str);
var name=obj.plugin;//js对象.属性,结果: "jquery-json"
var version =obj.version;//结果: 2.3
로그인 후 복사

관련 무료 학습 권장사항: javascript 비디오 튜토리얼

위 내용은 자바스크립트에서 json 문자열과 객체를 변환하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿