データがあれば値をsetする条件分岐処理をデータの数だけ記述しているが、綺麗にまとめる方法はありますか

Reactの勉強をしています。
以下の実装内容で、綺麗な実装方法が思い浮かばず投稿させていただきます。

ストレージからデータを取得して、データに値があればデータをsetする、という実装をおこなっています。
データの取得が出来なかった場合はundefinedが渡ってきます。

react
1if (dataOnStorage.dataA) {
2  setData('keyA', dataOnStorage.dataA)
3}
4if (dataOnStorage.dataB) {
5  setData('keyB', dataOnStorage.dataB)
6}
7if (dataOnStorage.dataC) {
8  setData('keyC', dataOnStorage.dataC)
9}
10...

上記のように、何度も条件分を記述しているのが冗長に思えて改善したいのですが、良い案が思い当たりません。
keyを配列化してループするのは、必ずしもkeyとvalue（storage）のインデックスが一致しないケースも想定される為できません。

何か良い方法があればご教示いただけますでしょうか？

行動規範の内容に同意します

回答1件

ベストアンサー

配列にリストを用意しておきforEachで回せばよいような気がします

こんな感じでいけませんか？

PHP
1foreach(['A','B] as $val){
2  if ($tmp=dataOnStorage["data".$val]) {
3    setData('key'.$val, $tmp);
4  }
5}

投稿2022/12/02 10:15

編集2022/12/02 10:37

yambejp

総合スコア114773

退会済みユーザー

2022/12/02 10:27

keyA = dataAをループの中でどう判断しますか？ストレージのkey(dataA)とsetDataのkey(keyA)は独立しています。

yambejp

2022/12/02 10:38

追記しておきました

退会済みユーザー

2022/12/02 12:09

ありがとうございました

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

データがあれば値をsetする条件分岐処理をデータの数だけ記述しているが、綺麗にまとめる方法はありますか

関連した質問