10.vue.jsとfirebaseでランキングつき連打ゲーム:index.html
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン次のリビジョン両方とも次のリビジョン | ||
10.vue.jsとfirebaseでランキングつき連打ゲーム:index.html [2018/12/28] – [javascriptの配列とオブジェクト] adash333 | 10.vue.jsとfirebaseでランキングつき連打ゲーム:index.html [2018/12/28] – [forEach文のコールバック関数] adash333 | ||
---|---|---|---|
行 375: | 行 375: | ||
==== FirebaseのRTDBのobjectをarrayに変換する ==== | ==== FirebaseのRTDBのobjectをarrayに変換する ==== | ||
+ | |||
+ | Firebaseドキュメント | ||
+ | https:// | ||
+ | |||
+ | < | ||
+ | // Import Admin SDK | ||
+ | var admin = require(" | ||
+ | |||
+ | // Get a database reference to our posts | ||
+ | var db = admin.database(); | ||
+ | var ref = db.ref(" | ||
+ | |||
+ | // Attach an asynchronous callback to read the data at our posts reference | ||
+ | ref.on(" | ||
+ | console.log(snapshot.val()); | ||
+ | }, function (errorObject) { | ||
+ | console.log(" | ||
+ | }); | ||
+ | |||
+ | </ | ||
+ | |||
+ | スナップショットの val() / getValue() を呼び出すと、データの言語固有のオブジェクト表現が返されます。 | ||
+ | |||
+ | とのことです、、、console.log(snapshot.val())の中身をコンソール画面で確認するしかなさそうです。 | ||
+ | |||
+ | |||
+ | < | ||
+ | const rootList = snapshot.val(); | ||
+ | let list = []; | ||
+ | Object.keys(rootList).forEach((val, | ||
+ | rootList[val].id = val; | ||
+ | list.push(rootList[val]); | ||
+ | }); | ||
+ | </ | ||
+ | |||
+ | rootListが、firebaseから受け取ったobject | ||
+ | |||
+ | これを、listという配列arrayに変換する。 | ||
+ | |||
+ | |||
+ | |||
+ | https:// | ||
+ | Object.keys()メソッドについて | ||
+ | |||
+ | Object.keys(object1)で、連想配列object1のキーkeyの配列arrayを得ます。 | ||
+ | |||
+ | < | ||
+ | const object1 = { | ||
+ | a: ' | ||
+ | b: 42, | ||
+ | c: false | ||
+ | }; | ||
+ | |||
+ | console.log(Object.keys(object1)); | ||
+ | // expected output: Array [" | ||
+ | </ | ||
+ | |||
+ | ==== forEach文 ==== | ||
+ | |||
+ | |||
+ | https:// | ||
+ | 【JavaScript入門】forEach文の使い方と配列の繰り返し処理まとめ! | ||
+ | 2016年 by マサト | ||
+ | |||
+ | ==== forEach文のコールバック関数 ==== | ||
+ | |||
+ | < | ||
+ | array.forEach( function( value, index, array ) { | ||
+ | |||
+ | // 繰り返し処理を書く | ||
+ | |||
+ | }); | ||
+ | </ | ||
+ | |||
+ | value:配列データの値 | ||
+ | index:配列のインデックス番号 | ||
+ | array:現在処理している配列 | ||
+ | |||
+ | https:// | ||
+ | @nantekkotai | ||
+ | 2014年02月21日に更新 | ||
+ | JSのObjectをforEachで処理する方法 | ||
+ | |||
+ | https:// | ||
+ | 2016-06-21 | ||
+ | Javascript 連想配列(オブジェクト)をforEachでループさせたい。 | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
https:// | https:// |
10.vue.jsとfirebaseでランキングつき連打ゲーム/index.html.txt · 最終更新: 2018/12/31 by adash333