javaScriptを介してjsonからデータにアクセスする方法は?

mscoles

動的なjsonファイルから値を取得してJSでデータを視覚化しようとしていますが、コンソールを超えてデータを視覚化できません。

アイデアは、これらの4つの値(outputValue0、outputValue1、outputValue2、outputValue3)を使用して、それ自体の形状と色を変更できるようにすることです。javaScriptで変数にアクセスするには、変数をどのように呼び出す必要がありますか?

これは私のコードです:

var lines = "waiting for data"; 
var val0 = 0; // I get a 0, of course, but I need the actual value
var val0 = []; //I get nothing with this

function setup() {
createCanvas(400,400);
loadJSON('http://www.----------.com/data_to_json.php', gotData);
}

Object.size = function(obj){
var size = 0, key;
for(key in obj){
    if(obj.hasOwnProperty(key)) size++;
}
return size;
}

function gotData(data) {

var size = Object.size(data) - 1;
console.log(size);
console.log(data[size]['timeStamp']);
console.log(data[size]['outputValue0'] + " " + data[size]['outputValue1'] + " " + data[size]['outputValue2']+ " " + data[size]['outputValue3']);
 lines = size;
 var val0 = data[size]['outputValue0'];

 }

 function draw(){
 background(158, 152, 207);
 textAlign(LEFT);
 fill(0);
 text('Emotional analysis', 10, height - 370);
 text(lines + ' emotions stored',10,height -20);
 text(val0,10,height -60)

 }

コンソールにエラーはほとんどありませんが、関連性はないと思います。

InvalidStateError:使用できない、または使用できなくなったオブジェクトを使用しようとしました。Elusodelsensordeorientaciónestáobsoleto。(センサーの使用は廃止されました)p5.js:9298:6 El uso delsensordemovientoestáobsoleto。(センサーの使用は廃止されました)p5.js:9298:6 240 Sketch.js:20:3 2019-02-08 22:03:09 Sketch.js:21:3 20 20 19 20 Sketch.js:22 :3

jsonファイルは次のようになります:

[{"timeStamp":"2019-02-08 13:38:53","outputValue0":"18","outputValue1":"18","outputValue2":"18","outputValue3":"18"},
{"timeStamp":"2019-02-08 13:39:03","outputValue0":"18","outputValue1":"18","outputValue2":"19","outputValue3":"18"},
{"timeStamp":"2019-02-08 13:39:13","outputValue0":"18","outputValue1":"18","outputValue2":"19","outputValue3":"18"},
{"timeStamp":"2019-02-08 13:39:23","outputValue0":"18","outputValue1":"19","outputValue2":"19","outputValue3":"19"},
{"timeStamp":"2019-02-08 13:39:33","outputValue0":"18","outputValue1":"19","outputValue2":"20","outputValue3":"19"}]
ADyson

いくつかのグローバル変数を設定しようとしているようです。しかし、スコープを間違えたため、これは一般に欠陥のあるデザインパターンと見なされます。また、現時点では、実際にdraw()関数を呼び出す場所がないようです

draw()いくつかのパラメータを受け入れた場合、おそらくカプセル化に適しています。

function draw(val0, val1, val2, val3) {

次に、gotData関数で次のように記述できます。

draw(data[size]['outputValue0'], data[size]['outputValue1'], data[size]['outputValue2'], data[size]['outputValue3']); 

それに値を渡し、あなたの形を変えます。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

javascriptを使用してJSONデータベースにアクセスする方法

分類Dev

値がオブジェクト(JSON)であるデータ属性を介して要素にアクセスするための最良の方法は何ですか?

分類Dev

Swiftを使用してAFNetworkingからJSONデータにアクセスする

分類Dev

jQueryを使用してJSONからデータにアクセスする

分類Dev

jQueryを使用してJSONからデータにアクセスする

分類Dev

`functools.wraps`を介してクラスデコレータからデコレートされたクラスの属性にアクセスする方法

分類Dev

ReactJSのURLリンクを介して外部jsonデータにアクセスする方法

分類Dev

d3を使用してJSONデータにアクセスする方法は?

分類Dev

phpを使用してmysqlデータベースから特定の値にアクセスする方法は?

分類Dev

RESTful APIを介してAndroidからHerokuのデータベースにアクセスするにはどうすればよいですか?

分類Dev

マクロを介してHP-ALMデータにアクセスする方法は?

分類Dev

Javascript:ウェブアプリからGoogle APIを使用して*特定のユーザー*データにアクセスする方法は?

分類Dev

JavaScriptを介してプリンターのSNMPデータにアクセスするにはどうすればよいですか

分類Dev

WordPressのjavascriptを介してmongoDBデータベースにアクセスするにはどうすればよいですか?

分類Dev

LANネットワークを介して別のコンピューターからローカルホスト(xampp)にアクセスする-方法は?

分類Dev

sqliteを使用してデータベースからデータにアクセスする方法

分類Dev

NSDictionaryを使用してJSONデータからすべてのインデックスセットにアクセスする方法

分類Dev

many_to_many関係を介してデータにアクセスする方法は?

分類Dev

javascriptでjsonデータにアクセスする方法は?

分類Dev

リフレクションを介してproject.jsonメタデータにアクセスしますか?

分類Dev

RailsAPPからRESTAPIを介してPowerBIでデータセットを作成するためのアクセストークンを取得する方法

分類Dev

jqueryまたはjavascriptを使用してネストされたJSONデータにアクセスしますか?

分類Dev

javascriptまたはjqueryを使用してhtmlとしてajax応答データにアクセスする方法は?

分類Dev

提供されたjsonファイルから.getJSONを使用してJsonデータにアクセスする

分類Dev

JavascriptのNasaNeoAPIからネストされたforループを使用してデータにアクセスする

分類Dev

APIからKucoinOHLCデータにアクセスする方法は?

分類Dev

APIからデータにアクセスする方法は?

分類Dev

postMessage()からデータにアクセスする方法は?

分類Dev

Swiftyjsonを使用してアレイからデータにアクセスする

Related 関連記事

  1. 1

    javascriptを使用してJSONデータベースにアクセスする方法

  2. 2

    値がオブジェクト(JSON)であるデータ属性を介して要素にアクセスするための最良の方法は何ですか?

  3. 3

    Swiftを使用してAFNetworkingからJSONデータにアクセスする

  4. 4

    jQueryを使用してJSONからデータにアクセスする

  5. 5

    jQueryを使用してJSONからデータにアクセスする

  6. 6

    `functools.wraps`を介してクラスデコレータからデコレートされたクラスの属性にアクセスする方法

  7. 7

    ReactJSのURLリンクを介して外部jsonデータにアクセスする方法

  8. 8

    d3を使用してJSONデータにアクセスする方法は?

  9. 9

    phpを使用してmysqlデータベースから特定の値にアクセスする方法は?

  10. 10

    RESTful APIを介してAndroidからHerokuのデータベースにアクセスするにはどうすればよいですか?

  11. 11

    マクロを介してHP-ALMデータにアクセスする方法は?

  12. 12

    Javascript:ウェブアプリからGoogle APIを使用して*特定のユーザー*データにアクセスする方法は?

  13. 13

    JavaScriptを介してプリンターのSNMPデータにアクセスするにはどうすればよいですか

  14. 14

    WordPressのjavascriptを介してmongoDBデータベースにアクセスするにはどうすればよいですか?

  15. 15

    LANネットワークを介して別のコンピューターからローカルホスト(xampp)にアクセスする-方法は?

  16. 16

    sqliteを使用してデータベースからデータにアクセスする方法

  17. 17

    NSDictionaryを使用してJSONデータからすべてのインデックスセットにアクセスする方法

  18. 18

    many_to_many関係を介してデータにアクセスする方法は?

  19. 19

    javascriptでjsonデータにアクセスする方法は?

  20. 20

    リフレクションを介してproject.jsonメタデータにアクセスしますか?

  21. 21

    RailsAPPからRESTAPIを介してPowerBIでデータセットを作成するためのアクセストークンを取得する方法

  22. 22

    jqueryまたはjavascriptを使用してネストされたJSONデータにアクセスしますか?

  23. 23

    javascriptまたはjqueryを使用してhtmlとしてajax応答データにアクセスする方法は?

  24. 24

    提供されたjsonファイルから.getJSONを使用してJsonデータにアクセスする

  25. 25

    JavascriptのNasaNeoAPIからネストされたforループを使用してデータにアクセスする

  26. 26

    APIからKucoinOHLCデータにアクセスする方法は?

  27. 27

    APIからデータにアクセスする方法は?

  28. 28

    postMessage()からデータにアクセスする方法は?

  29. 29

    Swiftyjsonを使用してアレイからデータにアクセスする

ホットタグ

アーカイブ