JSON in JavaScript

2015.10.21 22:05

졸리운_곰 조회 수:246

 

json160.gif

 

JSON in JavaScript


JavaScript is a general purpose programming language that was introduced as the page scripting language for Netscape Navigator. It is still widely believed to be a subset of Java, but it is not. It is a Scheme-like language with C-like syntax and soft objects. JavaScript was standardized in the ECMAScript Language Specification, Third Edition.

JSON is a subset of the object literal notation of JavaScript. Since JSON is a subset of JavaScript, it can be used in the language with no muss or fuss.

var myJSONObject = {"bindings": [
        {"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^http://.*"},
        {"ircEvent": "PRIVMSG", "method": "deleteURI", "regex": "^delete.*"},
        {"ircEvent": "PRIVMSG", "method": "randomURI", "regex": "^random.*"}
    ]
};

In this example, an object is created containing a single member "bindings", which contains an array containing three objects, each containing "ircEvent", "method", and "regex" members.

Members can be retrieved using dot or subscript operators.

myJSONObject.bindings[0].method    // "newURI"

To convert a JSON text into an object, you can use the eval() function. eval() invokes the JavaScript compiler. Since JSON is a proper subset of JavaScript, the compiler will correctly parse the text and produce an object structure. The text must be wrapped in parens to avoid tripping on an ambiguity in JavaScript's syntax.

var myObject = eval('(' + myJSONtext + ')');

The eval function is very fast. However, it can compile and execute any JavaScript program, so there can be security issues. The use of eval is indicated when the source is trusted and competent. It is much safer to use a JSON parser. In web applications over XMLHttpRequest, communication is permitted only to the same origin that provide that page, so it is trusted. But it might not be competent. If the server is not rigorous in its JSON encoding, or if it does not scrupulously validate all of its inputs, then it could deliver invalid JSON text that could be carrying dangerous script. The eval function would execute the script, unleashing its malice.

To defend against this, a JSON parser should be used. A JSON parser will recognize only JSON text, rejecting all scripts. In browsers that provide native JSON support, JSON parsers are also much faster than eval. It is expected that native JSON support will be included in the next ECMAScript standard.

var myObject = JSON.parse(myJSONtext, reviver);

The optional reviver parameter is a function that will be called for every key and value at every level of the final result. Each value will be replaced by the result of the reviver function. This can be used to reform generic objects into instances of pseudoclasses, or to transform date strings into Date objects.

myData = JSON.parse(text, function (key, value) {
    var type;
    if (value && typeof value === 'object') {
        type = value.type;
        if (typeof type === 'string' && typeof window[type] === 'function') {
            return new (window[type])(value);
        }
    }
    return value;
});

A JSON stringifier goes in the opposite direction, converting JavaScript data structures into JSON text. JSON does not support cyclic data structures, so be careful to not give cyclical structures to the JSON stringifier.

var myJSONText = JSON.stringify(myObject, replacer);

If the stringify method sees an object that contains a toJSON method, it calls that method, and stringifies the value returned. This allows an object to determine its own JSON representation.

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com

The stringifier method can take an optional array of strings. These strings are used to select the properties that will be included in the JSON text.

The stringifier method can take an optional replacer function. It will be called after the toJSON method (if there is one) on each of the values in the structure. It will be passed each key and value as parameters, and this will be bound to object holding the key. The value returned will be stringified.

Values that do not have a representation in JSON (such as functions and undefined) are excluded.

Nonfinite numbers are replaced with null. To substitute other values, you could use a replacer function like this:

function replacer(key, value) {
    if (typeof value === 'number' && !isFinite(value)) {
        return String(value);
    }
    return value;
}

Giving a corresponding reviver to JSON.parse can undo that.

The open source code of a JSON parser and JSON stringifier is available. When minified it is less than 2.5K.

 

 

[출처] http://www.json.org/js.html

 

 

 

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
번호 제목 글쓴이 날짜 조회 수
21 [UX 디자인] 직관적 디자인(Intuitive Design) file 졸리운_곰 2016.10.08 609
20 [UX 디자인] 천재적 디자인(Genius Design) file 졸리운_곰 2016.10.08 550
19 [UX 디자인] 목표 지향 디자인 (Goal-Directed Design) file 졸리운_곰 2016.10.08 364
18 [UX 디자인] 사용자 중심 디자인(User Centered Design) file 졸리운_곰 2016.10.08 408
17 [UX 디자인] 기능 중심 디자인(Feature Centered Design) file 졸리운_곰 2016.10.08 409
16 [UX 디자인] 인터랙션 디자인의 7가지 접근 방법 졸리운_곰 2016.10.08 555
15 [웹 기획] 성공적인 웹사이트 구축을 위한 9가지 역할 file 졸리운_곰 2016.10.08 488
14 [웹 기획] 웹기획의 기본 - 사용자 경험(UX)의 5가지 계층 file 졸리운_곰 2016.10.08 408
13 [웹 기획] 8) 사용자 행동 방식 - 평균 사용자의 행동 패턴 file 졸리운_곰 2016.10.08 367
12 [웹 기획] 7) 사용자 행동 방식 - F자 형태의 웹 콘텐트 읽기 패턴 file 졸리운_곰 2016.10.08 492
11 [웹 기획] 6) 사용자 행동 방식 -[퀴즈] 사용자는 광고처럼 보이는 것을 무시한다 file 졸리운_곰 2016.10.08 527
10 [웹 기획] 4) 사용자 행동 방식 - 사용자는 광고를 피하고 싶어한다. Q file 졸리운_곰 2016.10.08 347
9 [웹 기획} 3) 웹기획의 기본 - 조직 규모에 따른 웹기획자의 역할 file 졸리운_곰 2016.10.08 451
8 [웹 기획] 2) 웹기획의 기본 - 웹사이트 구축을 위한 조직 형태와 역할 file 졸리운_곰 2016.10.08 641
7 [웹 기획] 1) 웹기획의 기본 - 웹기획자는 누구인가 file 졸리운_곰 2016.10.08 602
6 반응형 웹 기획 file 졸리운_곰 2016.10.08 699
5 한국형웹콘텐츠접근성지침2.1 file 졸리운_곰 2016.10.08 675
4 웹표준 가이드 firefox 사이트 crossbrowsing-v2 file 졸리운_곰 2016.10.08 397
3 홈페이지 평가 방법론 file 졸리운_곰 2014.12.09 530
2 웹사이트 평가 지표 졸리운_곰 2014.12.09 743
대표 김성준 주소 : 경기 용인 분당수지 U타워 등록번호 : 142-07-27414
통신판매업 신고 : 제2012-용인수지-0185호 출판업 신고 : 수지구청 제 123호 개인정보보호최고책임자 : 김성준 sjkim70@stechstar.com
대표전화 : 010-4589-2193 [fax] 02-6280-1294 COPYRIGHT(C) stechstar.com ALL RIGHTS RESERVED