> 웹 프론트엔드 > JS 튜토리얼 > javascript json 문자열을 객체로 변환하는 방법

javascript json 문자열을 객체로 변환하는 방법

醉折花枝作酒筹
풀어 주다: 2023-01-04 09:35:25
원래의
24179명이 탐색했습니다.

변환 방법: 1. "JSON.parse()" 메서드를 사용하고 "JSON.parse(유효한 JSON 문자열)" 구문을 사용합니다. 2. "JSON.stringify()" 메서드를 사용하고 "JSON.stringify" 구문을 사용합니다. (유효한 JSON 문자열)" 문자열)".

javascript json 문자열을 객체로 변환하는 방법

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

실제 프로젝트에서 문자 형식 문제가 자주 발생하므로 나중에 쉽게 검토할 수 있도록 적어 두세요. JSON.stringify()JSON.parse()라는 두 가지 함수가 사용됩니다.

ajax를 사용하여 백그라운드에서 데이터를 요청하면 백그라운드에서 데이터를 프런트엔드로 반환합니다. 분명히 백엔드 스크립트는 json 함수에 의해 처리된 json 형식을 작성하지만 프런트엔드가 데이터를 수신하면 때로는 객체이고 때로는 문자열이므로 설명이 없습니다. 구체적인 이유는 아직 명확하지 않습니다.

데이터 전송 과정에서 json은 텍스트, 즉 문자열 형태로 전달되며, JS는 JSON 객체를 대상으로 동작합니다. 따라서 핵심은 JSON 개체와 JSON 문자열 간의 변환입니다.

예:

JSON 문자열:

var str1 = '{ "name": "cxh", "sex": "man" }';
로그인 후 복사

JSON 개체:

var str2 = { "name": "cxh", "sex": "man" };
로그인 후 복사

1. JSON 문자열을 JSON 개체로 변환

위의 str1을 사용하려면 다음 방법을 사용하여 변환해야 합니다. JSON 개체로:

//JSON 문자열을 JSON 개체로 변환

var obj = eval('(' + str + ')');
로그인 후 복사

또는

var obj = str.parseJSON(); //由JSON字符串转换为JSON对象
로그인 후 복사

또는

var obj = JSON.parse(str); //由JSON字符串转换为JSON对象
로그인 후 복사

그런 다음 다음과 같이 읽을 수 있습니다.

Alert(obj.name);
Alert(obj.sex);
로그인 후 복사

특별 참고 사항: obj가 원래 a인 경우 JSON 객체, 그런 다음 eval() 함수를 사용하여 변환한 후(여러 번 변환되더라도) 여전히 JSON 객체이지만, 구문 예외 발생을 처리하기 위해parseJSON() 함수를 사용한 후에는 문제가 있습니다. 그것.

2 toJSONString() 또는 전역 메서드 JSON.stringify()를 사용하여 JSON 개체를 JSON 문자열로 변환할 수 있습니다.

예:

var last=obj.toJSONString(); //将JSON对象转化为JSON字符
로그인 후 복사

또는

var last=JSON.stringify(obj); //将JSON对象转化为JSON字符
alert(last);
로그인 후 복사

참고:

위 방법 중 js와 함께 제공되는 eval() 함수를 제외한 다른 방법은 모두 json .js 패키지에 있습니다. . JSON의 새 버전은 API를 수정하고 JSON.stringify() 및 JSON.parse() 메서드를 모두 Javascript의 내장 개체에 삽입합니다. 전자는 Object.toJSONString()이 되고 후자는 String이 됩니다. . toJSONString() 및 parseJSON() 메서드를 찾을 수 없다는 메시지가 표시되면 json 패키지 버전이 너무 낮다는 의미입니다.

【추천 학습: javascript 비디오 튜토리얼

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

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