前提・実現したいこと
現在、競技プログラミングのリンクを保存するクローム拡張を作成しています。
表示にはVue.jsを使用しているのですが、その表示に置いてオブジェクトのキーでソートをする必要があります。
発生している問題・エラーメッセージ
現在、ソートしたい変数は、atCoderByContest
でありオブジェクト形式になっています。
キーはコンテストの名前で、値は配列であり、
javascript
1var atCoderByContest = {}; 2atCoderByContest['ABC003'] = []; 3atCoderByContest['ABC003'].push({ 4 contestName: 'ABC003', problem: 'B' 5}); 6atCoderByContest['ABC001'] = []; 7atCoderByContest['ABC001'].push({ 8 contestName: 'ABC001', problem: 'A' 9}); 10atCoderByContest['ABC001'].push({ 11 contestName: 'ABC001', problem: 'B' 12}); 13 14atCoderByContest['SOUNDHOUND'] = []; 15atCoderByContest['SOUNDHOUND'].push({ 16 contestName: 'SOUNDHOUND', problem: 'B' 17});
上記のように、値の配列にはオブジェクトを入れています。
本当は、ループなどで取得し、キーが有るかを確認しながら動作をしています。
上記の変数オブジェクトをコンテスト名ごとにVueコンポーネントを作成したいのですが、できればコンテスト名でソートした状態で、コンポーネントを表示したいと考えています。
上記の例だと、先にatCoderByContest['ABC003']を作成し、オブジェクトを格納しているため、先にABC003に関するオブジェクト達が表示されてしまいます。
変数オブジェクトのキーで、ソートをするにはどうすればよろしいでしょうか。
補足情報(FW/ツールのバージョンなど)
OS: Mac
ブラウザ: Chrome
フロントエンド: Vue.js
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。