私のアプリのローカルストレージに大量のデータを格納する必要があります。私はそれを保存するのに成功しています。今、私は配列のデータをフェッチする必要がありますが、選択されたキー/値のすべてではなく、1つだけです。私はこれらのキーを以下に示すように "セクション" + idと命名しました。これらを配列で選択する必要があります。 選択したキー値のローカルストレージからデータを取得するために使用できるクエリ
答えて
localStorage.getItem(key)
あなたが提供するキーのデータを返します。 localStorageのデータはシリアル化されているため、JSON.parse(data)
と解析してプレーンなJSオブジェクトに変換し、他のオブジェクトとして扱うことができます。
localStorage.getItem
で1つの項目しか取得できないので、配列内に複数の項目を取得するには、それぞれをループして個別に取得し、配列に配置する必要があります。このような
多分何か:
var keys = Object.keys(localStorage).filter(function(key) {
return /^section\d+$/.test(key);
});
var dataArray = keys.map(function(key) {
return JSON.parse(localStorage.getItem(key));
});
まず、我々はfilter
機能を持つすべての「セクション###」のキーを取得します。その後、map
関数を使用して、対応する各項目のデータを含む新しい配列を作成します。
私は上で説明したものを動的に選択する必要がありますが、このコードを理解できません。 '/^section \ d + $ /。test(key);'、コンソールで10 true、2 false。私はそれらをそれぞれの配列で取得する方法を私に案内してもらえますか? – user2828442
@ user2828442それは "section"と "section323"にマッチするように "section" 「sectionTypes」や「templateType」などのキーと一致しません。あなたが望むパターンであるスクリーンショットからそれを取り出しました。このチェックは 'filter'関数の条件として使用されるので、' keys'配列には、これらのすべての項目のデータを取得して解析する際に使用する "section ###"キーしか含まれません。 –
ありがとう、これは私が探していたものです、魅力のように動作します – user2828442
このコードを試してください。私はそれを編集しました。
var keys = [];
var data = [];
for (var key in localStorage) {
if (key.indexOf("section") > -1)
keys.push(key);
}
for (var i in keys) {
data.push(localStorage.getItem(keys[i]))
}
しかし、私はキーの名前を知っていない、私はセクション+いくつかのキーを選択する必要があります。ループの中で、それに応じてあなたのソリューションを更新することができます – user2828442
配列内のすべてのデータを取得したいのですか? –
@ AbhinavS.Chauhan data.pushを最初のforループの中に入れます。したがって、最後のforループは、最初のものの半分実行される可能性があります。 –
- 1. PHPを使用して選択ボックスの選択されたキー/値を取得
- 2. SQL Server(WPF)からデータを取得したときに、選択したListViewの値を取得する方法
- 3. ローカルストレージにデータを保存するためのキー値の増分
- 4. 選択したオートコンプリート項目からキー/値を取得
- 5. reactjsのドロップダウンから選択した値のキーを取得する方法は?
- 6. コンボボックスから選択した値を取得するためのJavaScriptコード
- 7. QListViewで選択した項目からデータを取得する
- 8. PHPの選択から選択した値を取得するには?
- 9. 選択ボックスの配列から選択した値をjavascriptに取得する
- 10. 4時間間隔でデータを取得するためのクエリの選択
- 11. 選択したliから値を取得するには?
- 12. ドロップダウンメニューから選択した値を取得できません
- 13. JPAクエリーから選択したデータのみを取得する
- 14. 1つのビューからデータを選択し、別のビューから選択するために使用します。
- 15. ボタンを使用して選択/ドロップダウンから選択した値をAngularJSで取得する方法は?
- 16. ValidationGroupから選択したチェックボックスの値を取得する
- 17. 選択したデータをMySQLから取得する
- 18. リレーショナルデータベースからデータを選択するためにUIPickerを使用しますか?
- 19. HTML選択要素のあらかじめ選択された値を取得
- 20. データベースからデータを取得するドロップダウンから値を選択
- 21. テーブルから選択した値を取得する方法
- 22. ドロップダウンリストから選択した値を取得する
- 23. アラートダイアログから選択した値を取得する方法は?
- 24. DevExpress RepositoryItemLookUpEditから選択した値を取得する方法
- 25. ng-repeatから選択した値を取得する方法
- 26. 選択したラジオボタンから値を取得する方法
- 27. 選択したドロップダウンから値を取得するVue Js
- 28. 選択したチェックボックスから値を取得する(チェックボックス配列)
- 29. リストから選択した値を取得する方法
- 30. VB.NETを使用してDataGridから選択した行のデータを取得
localStorage.getItem(key); – Shiladitya