JSON in JavaScript

2015.10.21 22:05

졸리운_곰 조회 수:245

 

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

 

 

 

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
번호 제목 글쓴이 날짜 조회 수
20 3D development with WebGL, Part 3 file 졸리운_곰 2017.05.30 492
19 3D development with WebGL, Part 2 file 졸리운_곰 2017.05.30 549
18 3D development with WebGL, Part 1 file 졸리운_곰 2017.05.30 562
17 THREE.JS EXPERIMENT 2 – SELECTION/HIGHLIGHTING file 졸리운_곰 2017.05.30 513
16 Selections in THREE.js I file 졸리운_곰 2017.05.30 288
15 learning-threejs/chapter-02/05-custom-geometry.html 졸리운_곰 2017.05.30 450
14 Vector3 : three.js 졸리운_곰 2017.05.30 394
13 Three.js를 사용한 기본 3D 그래픽 file 졸리운_곰 2017.05.30 743
12 Three.js projecting mouse clicks to a 3D scene - how to do it and how it works file 졸리운_곰 2017.05.30 470
11 Three.js Geometry three.js 기하도형 file 졸리운_곰 2017.05.27 516
10 Web3D Technologies , 현존 web3d 기술 총람 졸리운_곰 2017.05.27 248
9 WebGL / Three.js - 시작하기 ( Getting Started ) #03 본문 file 졸리운_곰 2017.05.05 512
8 WebGL / Three.js - 시작하기 ( Getting Started ) #02 본문 file 졸리운_곰 2017.05.05 320
7 WebGL / Three.js - 시작하기 ( Getting Started ) #01 본문 file 졸리운_곰 2017.05.05 363
6 WebGL 3D 프로그래밍 [HTML5와 자바스크립트, 웹지엘로 만드는 웹 3D 그래픽] file 졸리운_곰 2017.05.03 501
5 Three.js로 3D 그래픽 만들기 2/e [WebGL을 위한 자바스크립트 3D 라이브러리] file 졸리운_곰 2017.05.03 440
4 WebGL With Three.js: Basics file 졸리운_곰 2017.05.01 284
3 Getting Started with Three.js file 졸리운_곰 2017.05.01 534
2 WebGL With Three.js: Basics file 졸리운_곰 2017.04.29 323
1 Three.js Examples file 졸리운_곰 2017.04.29 277
대표 김성준 주소 : 경기 용인 분당수지 U타워 등록번호 : 142-07-27414
통신판매업 신고 : 제2012-용인수지-0185호 출판업 신고 : 수지구청 제 123호 개인정보보호최고책임자 : 김성준 sjkim70@stechstar.com
대표전화 : 010-4589-2193 [fax] 02-6280-1294 COPYRIGHT(C) stechstar.com ALL RIGHTS RESERVED