>  기사  >  웹 프론트엔드  >  Js(Jquery)에서 문자열과 JSON 형식 간의 변환 사례에 대한 간략한 분석(예제 직접 실행)_jquery

Js(Jquery)에서 문자열과 JSON 형식 간의 변환 사례에 대한 간략한 분석(예제 직접 실행)_jquery

WBOY
WBOY원래의
2016-05-16 17:29:291210검색

먼저 새로운 js 파일을 생성할 준비를 합니다. 다음은 JSON2.js의 내용을 호출용 js 파일에 복사합니다.

코드 복사 코드는 다음과 같습니다. 다음과 같습니다:

/*
    http://www.JSON.org/json2.js
    공개 도메인.
    명시적이거나 묵시적인 보증은 없습니다. 사용자 책임하에 사용하세요.
    http://www.JSON.org/js.html
을 참조하세요.    이 코드는 배포 전에 축소되어야 합니다.
    http://javascript.crockford.com/jsmin을 참조하세요. html
    자신의 사본을 사용하세요. 자신이 제어하지 않는
    서버에서 코드를 로드하는 것은 매우 현명하지 않습니다.
    이 파일은 stringify
    및 구문 분석의 두 가지 메서드를 포함하는 전역 JSON 개체를 생성합니다.
        JSON.stringify(value, replacement, space )
            값       JavaScript 값(일반적으로 개체 또는 배열).
            대체자    개체
                       개체에 대한 값이 문자열화되는 방식을 결정하는 선택적 매개변수입니다.
                       함수 또는 문자열 배열일 수 있습니다.
            공백       중첩 구조의 들여쓰기를 지정하는 선택적 매개변수
                     생략하면
                        추가 공백 없이 텍스트가 압축됩니다. 숫자인 경우
                       각
                      수준에서 들여쓰기할 공백 수를 지정합니다. 문자열(예: 't' 또는 ' ')인 경우
                        각 수준에서 들여쓰기에 사용되는 문자가 포함됩니다.
            이 방법은 JavaScript 값에서 JSON 텍스트를 생성합니다.
           값이 발견되면 객체에 toJSON
            메서드가 포함된 경우 해당 toJSON 메서드가 호출되고 결과는
            문자열화됩니다. toJSON 메서드는 직렬화하지 않습니다.
            직렬화해야 하는 이름/값 쌍으로 표시되는 값을 반환합니다.
            직렬화해야 하는 항목이 없으면 정의되지 않습니다. toJSON 메서드
            값과 연결된 키가 전달되며 이는
            값에 바인딩됩니다
            예를 들어 날짜를 ISO 문자열로 직렬화합니다.
                Date.prototype.toJSON = function (key) {
                   function f(n) {
                      // 정수 형식을 두 자릿수 이상으로 지정합니다.
                      return n < 10? '0' n : n;
                   }
                   return this.getUTCFullYear()   '-'
                      f(this.getUTCMonth() 1) '-'
                       f(this.get UTCDate())      'T'
                        f(this.getUTCHours( ))     ':'
                        f(this.getUTCMinutes())   ':'
                      f(this.getUTCSeconds())   'Z';<🜜>                };
            선택적 교체 방법을 제공할 수 있습니다.
            각 멤버의 키와 값이 전달되며, 이는 포함
            개체에 바인딩됩니다. 메서드에서 반환되는 값은
            직렬화됩니다. 메서드가 정의되지 않은 상태를 반환하면 해당 멤버는
            직렬화에서 제외됩니다.
            대체 매개변수가 문자열 배열인 경우
            직렬화할 멤버를 선택하는 데 사용됩니다.
            대체 배열에 나열된 키가 있는 멤버만
            문자열화되도록 결과를 필터링합니다.
            정의되지 않음 또는
함수와 같이 JSON 표현이 없는 값은 직렬화되지 않습니다. 객체의 이러한 값은
            삭제됩니다. 배열에서는 null로 대체됩니다.
            교체 함수를 사용하여 이를 JSON 값으로 바꿀 수 있습니다.
            JSON.stringify(undefine)는 정의되지 않은 값을 반환합니다.
            선택적 공백 매개변수는
            값의 문자열화를 생성하며 줄 바꿈으로 채워집니다.
            읽기 쉽게 만듭니다.
            공백 매개변수가 비어 있지 않은 문자열인 경우 해당 문자열은
            들여쓰기에 사용됩니다. 공백 매개변수가 숫자인 경우
            들여쓰기는 그만큼의 공백이 됩니다.
            예:
           text = JSON.stringify(['e', {pluribus: 'unum'}]);
            // 텍스트는 '["e",{"pluribus":"unum"}]'
            text = JSON.stringify(['e', {pluribus: 'unum'}], null, 't ');
            // 텍스트는 '[nt"e",nt{ntt"pluribus": "unum"nt}n]'
            text = JSON.stringify([new Date()], function ( 키, 값) {
                return this[key] 인스턴스of Date ?
                   'Date(' this[key] ')' : value;
           });
            // 텍스트는 '["날짜(---현재 시간---)"]'
        JSON.parse(text, Revival)
            이 메서드는 JSON 텍스트를 구문 분석하여 개체를 생성합니다. 또는 배열입니다.
            SyntaxError 예외가 발생할 수 있습니다.
            선택적 부활 매개변수는 결과를 필터링하고
            결과를 변환할 수 있는 함수입니다. 각 키와 값
           을 수신하고 원래 값 대신 반환 값이 사용됩니다.
            수신한 값을 반환하면 구조가 수정되지 않습니다.
            정의되지 않은 값을 반환하면 회원이 삭제되었습니다.
            예:
            // 텍스트를 구문 분석합니다. ISO 날짜 문자열처럼 보이는 값은
            // Date 객체로 변환됩니다.
            myData = JSON.parse(text, function (key, value) {
               var a;
                if (typeof value === '문자열') {
                   a =
/^(d{4})-(d{2})-(d{2})T(d{2}):(d{2 }):(d{2}(?:.d*)?)Z$/.exec(값);
                   if (a) {
                      새 날짜 반환(Date.UTC( a[1], a[2] - 1, a[3], a[4],
                           a[5], a[6]));
                 }
              }
                반환 값;
            } );
            myData = JSON.parse('["Date(09/09/2001)"]', 함수(키, 값) {
               var d;
               if (값 유형 === ' string' &&
                       value.slice(0, 5) === 'Date(' &&
                    value.slice(-1) === ')') {
                   d = 새 날짜(값. Slice(5, -1));
                    if (d) {
                      return d;
                 }
               }
                반환 값;
            });
    이는 참조 구현입니다. 자유롭게 복사, 수정 또는
    재배포할 수 있습니다.
*/
/*jslint evil: true, strict: false, regexp: false */
/*members "", "b" , "t", "n", "f", "r", """, JSON, "\", 적용,
    call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,
    getUTCMinutes, getUTCMonth, getUTCSeconds , hasOwnProperty, Join,
    lastIndex, length,parse,prototype,push,replace,slice,stringify,
    test, toJSON, toString, valueOf
*/
// 다음의 경우에만 JSON 객체를 생성합니다. 전역 변수 생성을 방지하기 위해 클로저에
// 메서드를 생성합니다.
if (!this.JSON2)
{
    this.JSON2 = {};
}
(function () {
    "use strict";
    function f(n) {
        // 정수 형식을 두 자리 이상으로 지정합니다.
        return n < 10 ? '0' n : n;
    }
    if (typeof Date.prototype.toJSON !== 'function') {
        Date.prototype.toJSON = function (key) {
           return isFinite( this.valueOf()) ?
                  this.getUTCFullYear()   '-'
                f(this.getUTCMonth() 1) '-'
                f(this.getUTCDate())      '티'
f(this.getUTCHours())     ':'
                 f(this.getUTCMinutes())   ':'
                f(this.getUTCSeconds())   'Z' : null;
        };
String.prototype.toJSON =
        Number.prototype.toJSON =
        Boolean.prototype.toJSON = 함수(키) {
            return this.valueOf();
        };
    }
    var cx = /[u0000u00adu0600-u0604u070fu17b4u17b5u200c-u200fu2028-u202fu2060-u206fufeffufff0-uffff]/g,
        탈출 가능 = /[\"x00-x1fx7f-x9 fu00adu0600-u0604u070fu17b4u17b5u200c-u200fu2028-u202fu2060-u206fufeffufff0-uffff]/g,
        간격,
        들여쓰기,
        메타 = {    // 문자 대체 테이블
           'b': '\b',
           't',<>            '엔 ': '\n',
            'f': '\f',
            'r': '\r',
            '"' : '\"',
            '\': '\\'
        },
        담당자;
    함수 인용(문자열) {
        escapable.lastIndex = 0;
        return escapable.test(string) ?
            '"' 문자열 .replace(스케이프 가능, 함수 (a) {
                var c = 메타[a];
                return typeof c === 'string' ? c :
                    '\u' ('0000' a.charCodeAt(0).toString(16)).slice(-4);
            }) '"' :
            '"' 문자열 '" ';
    }
    function str(key,holder) {
        var i,          // 루프 카운터.
           k,          // 멤버 키
            v,          // 멤버 값
            길이,
            마음 = 간격,
            부분,
            값 = 홀더[키];
       if (value && value of value === 'object' &&
                value of type.toJSON == = '함수 ') {
            value = value.toJSON(key);
        }
        if (typeof rep === 'function') {
            value = rep.call(holder, key, value);
        }
        스위치(값 유형) {
        case 'string':
            return quote(value);
        case 'number':
            return isFinite(value) ? 문자열(값): 'null';
        케이스 '부울':
        케이스 'null':
            return String(value);
        케이스 '객체':
            if (!value) {
               'null' 반환;
            }
            gap = 들여쓰기;
            부분 = [];
            if (Object.prototype.toString.apply(value ) === '[객체 배열 ]') {
                length = value.length;
               for (i = 0; i < length; i = 1) {
                    부분[i] = str(i, value) || 'null';
                }
               v = 부분 길이 === 0 ? '[]' :
                    간격 ? '[n' 간격
                          부분.결합(',n' 간격) 'n'
                           마음 ']' :
                       '[' 부분적.조인(',') ']';
간격 = 마음;
                return v;
            }
            if (rep && typeof rep === 'object') {
               길이 = 담당자 길이;
               for (i = 0; i < length; i = 1) {
                   k = 담당자[i];
                   if (typeof k === 'string') {
                     v = str(k, value);
                      if (v) {
                           부분적.push(quote(k ) (갭 ? ':' : ':') v);
                       }
                  }
              }
            } else {
                for (k 값) {
                   if (Object. hasOwnProperty.call(value, k)) {
                       v = str(k, value);
                    if (v) {
                          부분적. push(quote(k) (gap ? ': ' : ': ') v);
                      }
                  }
              }
           }
            v = 부분.길이 === 0 ? '{}' :
                간격 ? '{n' 간격 부분.조인(',n' 간격) 'n'
                       마음 '}' : '{' 부분.조인(',') '}';
            간격 = 마음;
            return v;
        }
    }
    if (typeof JSON2.stringify !== 'function') {
        JSON2.stringify = 함수(값, 대체자, 공백) {
            var i ;
            간격 = '';
            들여쓰기 = '';
            if (typeof space === 'number') {
               for (i = 0; i < space; i = 1) {
                   들여쓰기 = ' ';
              }
           } else if (공백 유형 === '문자열') {
               들여쓰기 = 공백;
            }
            담당자 = 대체자;
            if (replacer && typeof replacement !== 'function' &&
                  (대체 유형 !== 'object' ||
                    교체자 유형.길이 !== '숫자' )) {
                새로운 오류 발생('JSON2.stringify');
            }
            return str('', {'': value});
       };
    }
if (typeof JSON2.parse !== 'function') {
        JSON2.parse = 함수 (텍스트, 부활) {
            var j;
            function walk(홀더, 키) {
                var k , v, 값 = 홀더[키];
                if (value && typeof value === 'object') {
                  for (k 값) {
                     if (Object.hasOwnProperty.call (가치, k)) {
                          v = walk(값, k);
                        if (v !== 정의되지 않음) {
                              값[k] = v;
                          } else {
                             값 삭제[ k];
                           }
                    }
                 }
               }
               return receiver.call(홀더, 키, 값);
            }
            text = String(text);
            cx.lastIndex = 0;
            if (cx.test(text)) {
               text = text.replace(cx, function (a) {
                  return '\u'
                        ('0000 ' a.charCodeAt(0).toString(16)).slice(-4);
               });
            }
            if (/^[],:{}s]*$/
.test(text.replace(/\(?:["\/bfnrt]|u[0-9a-fA-F]{4})/g, '@')
.replace(/"[^"\nr]*"|true|false|null|-?d (?:.d*)?(?:[eE][ - ]?d )?/g, ']')
.replace(/(?:^|:|,)(?:s*[) /g, ''))) {
                               j = 평가판 ('(' text ')');
               소생술의 반환 유형 === '기능'                                                                    ~


둘째, 호출 페이지의 내용
참고: js 파일을 호출합니다. 경로를 직접 조정해야 합니다. 이를 모르면 계속 읽지 마세요. 🎜>


코드 복사


코드는 다음과 같습니다.