var fruitPrice = {"りんご" : 350,"みかん" : 380,"ぶどう" : 580,"もも" : 490};
このような配列があったとして初期処理でりんごのデータを取得しているのですが、次のボタンをクリックしたときりんごの次のみかんのデータの取得方法がわかりません。よろしくお願いします
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答3件
0
ベストアンサー
{ }でくくられているものは配列ではなくオブジェクトです。
似たようなことをやろうとすれば、こんな感じですかね。
JavaScript
1<input type="button" id="btn"> 2 3<script> 4var fruits = [{'name': 'りんご', 'price' : 350}, {'name': 'みかん', 'price' : 380}, {'name': 'ぶどう', 'price' : 580}, {'name': 'もも', 'price' : 490}]; 5var current = 0; 6 7$('#btn').click(function() { 8 if(current >= fruits.length) { 9 current = 0; 10 } 11 console.log(fruits[current].name); 12 console.log(fruits[current].price); 13 current++; 14}); 15</script>
投稿2018/11/27 02:06
総合スコア5405
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
0
オブジェクトは順序情報を保証しないので配列に入れるかMapかSetに入れるかどれかだと思います。
【Map - JavaScript | MDN】
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Map
【Set - JavaScript | MDN】
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Set
【イテレーターとジェネレーター - JavaScript | MDN】
https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Iterators_and_Generators
【JavaScript の イテレータ を極める! - Qiita】
https://qiita.com/kura07/items/cf168a7ea20e8c2554c6
【JavaScriptプログラミング講座【Set クラスについて】】
https://hakuhin.jp/js/set.html
投稿2018/11/27 02:17
総合スコア69364
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。