複雑なJSONをブラウズ

Question

まず、私は私の英語の私をフランス語です。

私は問題があるので、私はあなたに来ています。 JOINTJSでループを生成するため、Javascriptのループを使用して複雑なJSONオブジェクトをブラウズするのを手助けしたいと思いますが、できません。 json ["cells"] ["7"] ["attrs"] ["text"] ["text"]で手動で行うことができます。ここでは一つの要素のためのJSONの例です。

{"cells":[ 
{ 
    "type":"basic.Image", 
    "position":{ 
     "x":50, 
     "y":350 
    }, 
    "size": 
    { 
     "width":100, 
     "height":50 
    }, 
    "angle":0, 
    "id":"4a2802a8-0bd6-4d06-9343-921092a1decd", 
    "z":1, 
    "attrs":{ 
     "text":{ 
      "text":"230004", 
      "fill":"black" 
     }, 
     "image":{ 
      "xlink:href":"/uploads/documents/computer.png", 
      "width":100, 
      "height":50 
     } 
    } 
} 
]} 

とJSONをパース：

私は "テキスト" になるだろう： "230004"（アイテムによって変化します）。

ありがとうございました！

Answer 1

obj.cells[7].attrs.text.textのようにオブジェクトにアクセスできます。objはオブジェクトを保持する変数です。

はまたcellsプロパティが配列を保持しているとして、あなたはその配列をループとは、このように、個別に個々の値を得ることができることに注意してください。

var obj = { 
 
    "cells": [{ 
 
    "type": "basic.Image", 
 
    "position": { 
 
     "x": 50, 
 
     "y": 350 
 
    }, 
 
    "size": { 
 
     "width": 100, 
 
     "height": 50 
 
    }, 
 
    "angle": 0, 
 
    "id": "4a2802a8-0bd6-4d06-9343-921092a1decd", 
 
    "z": 1, 
 
    "attrs": { 
 
     "text": { 
 
     "text": "230004", 
 
     "fill": "black" 
 
     }, 
 
     "image": { 
 
     "xlink:href": "/uploads/documents/computer.png", 
 
     "width": 100, 
 
     "height": 50 
 
     } 
 
    } 
 
    }, { 
 
    "type": "basic.Image", 
 
    "position": { 
 
     "x": 50, 
 
     "y": 350 
 
    }, 
 
    "size": { 
 
     "width": 100, 
 
     "height": 50 
 
    }, 
 
    "angle": 0, 
 
    "id": "4a2802a8-0bd6-4d06-9343-921092a1decd", 
 
    "z": 1, 
 
    "attrs": { 
 
     "text": { 
 
     "text": "230005", 
 
     "fill": "black" 
 
     }, 
 
     "image": { 
 
     "xlink:href": "/uploads/documents/computer.png", 
 
     "width": 100, 
 
     "height": 50 
 
     } 
 
    } 
 
    }, { 
 
    "type": "basic.Image", 
 
    "position": { 
 
     "x": 50, 
 
     "y": 350 
 
    }, 
 
    "size": { 
 
     "width": 100, 
 
     "height": 50 
 
    }, 
 
    "angle": 0, 
 
    "id": "4a2802a8-0bd6-4d06-9343-921092a1decd", 
 
    "z": 1, 
 
    "attrs": { 
 
     "text": { 
 
     "text": "230006", 
 
     "fill": "black" 
 
     }, 
 
     "image": { 
 
     "xlink:href": "/uploads/documents/computer.png", 
 
     "width": 100, 
 
     "height": 50 
 
     } 
 
    } 
 
    }] 
 
} 
 

 
obj.cells.forEach(function(cell) { 
 
    console.log(cell.attrs.text.text); 
 
});