JS 대상 과 json 문자열 의 상호 변환 실현 방법 예시

본 고 는 JS 대상 과 json 문자열 의 상호 변환 실현 방법 을 실례 로 서술 하 였 다.여러분 께 참고 하도록 공유 하 겠 습 니 다. 구체 적 으로 는 다음 과 같 습 니 다.
오늘 면접 에서 면접 관 은 js 대상 과 json 문자열 의 상호 전환 문 제 를 물 었 습 니 다. 평소에 사용 할 때 신경 쓰 지 않 았 고 업무 중 에 사용 하 는 것 이 적어 대답 하지 못 했 기 때문에 오늘 특별히 자 료 를 찾 아 복습 하여 이 분야 의 지식 을 공 고 히 하 겠 습 니 다.
1. js 대상 을 json 문자열 로 변환
백 엔 드 와 상호작용 을 할 때, 때때로 js 대상 을 json 문자열 형식 으로 변환 해 야 한다. 이때 우 리 는 json 2. js 라 는 파일 을 인용 한 다음 호출 JSON.stringify() 방법 을 사용 해 야 한다.예 를 들 면:

var data = new Object();
var jsonData = JSON.stringify(data);

2. json 문자열 을 js 대상 으로 변환
작업 중 ajax 에서 백 엔 드 데 이 터 를 가 져 올 때 json 형식 을 가 져 옵 니 다. 가끔 은 js 대상 형식 으로 변환 해 야 합 니 다.여기에서 우 리 는 jQuery 의 한 $.parseJSON() 방법 으로 JSON 형식의 데 이 터 를 js 대상 형식 으로 변환 합 니 다.예 를 들 면:

var jsonData = $.getJSON();
var data = $.parseJSON(jsonData);

물론 JSON.parse() 방법 도 사용 할 수 있 지만, 어떤 브 라 우 저 는 JSON.parse() 에 대한 지원 이 이상 적 이지 않 기 때문에 사용 할 때 가능 한 한 .parseJSON() 방법 을 사용한다..parseJSON() 방법 은 브 라 우 저 지원 시 실행 JSON.parse() 방법의 결 과 를 되 돌려 줍 니 다. 그렇지 않 으 면 실행 eval() 방법 과 유사 한 결 과 를 되 돌려 줍 니 다. 구체 적 으로 jQuery 1.9.1 을 참고 하여 얻 을 수 있 습 니 다.

parseJSON: function( data ) {
 // Attempt to parse using the native JSON parser first
 if ( window.JSON && window.JSON.parse ) {
  return window.JSON.parse( data );
 }
 if ( data === null ) {
  return data;
 }
 if ( typeof data === "string" ) {
  // Make sure leading/trailing whitespace is removed (IE can't handle it)
  data = jQuery.trim( data );
  if ( data ) {
   // Make sure the incoming data is actual JSON
   // Logic borrowed from http://json.org/json2.js
   if ( rvalidchars.test( data.replace( rvalidescape, "@" )
    .replace( rvalidtokens, "]" )
    .replace( rvalidbraces, "")) ) {
    return ( new Function( "return " + data ) )();
   }
  }
 }
 jQuery.error( "Invalid JSON: " + data );
},

이로써 js 대상 과 JSON 문자열 의 상호 전환 이 완료 되 었 습 니 다.
PS: 여기 서 여러분 께 비교적 실 용적 인 json 온라인 도 구 를 추천 합 니 다.
온라인 JSON 코드 검사, 검사, 미화, 포맷 도구:http://tools.jb51.net/code/json
JSON 온라인 포맷 도구:http://tools.jb51.net/code/jsonformat
온라인 XML / JSON 상호 변환 도구:http://tools.jb51.net/code/xmljson
json 코드 온라인 포맷 / 미화 / 압축 / 편집 / 변환 도구:http://tools.jb51.net/code/jsoncodeformat
온라인 json 압축 / 전의 도구:http://tools.jb51.net/code/json_yasuo_trans
더 많은 자 바스 크 립 트 관련 내용 은 본 사이트 의 주 제 를 볼 수 있 습 니 다.,,,,,,,,,,,,
본 고 에서 말 한 것 이 여러분 의 자 바스 크 립 트 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.