ネストされたfor文の結果による早期リターンの仕方がわからない

Question

function test() {
  hoge().then((response) => {
    // response = ['あああ', 'いいい', 'ううう', 'えええ', 'おおお']
    for (let i in response) {
      if (response[i] === 'ううう') {
        return
      }
    }
  })
  console.log('これを表示させたくない')
}

上記のようなコードがあるとしてresponseに'ううう'が含まれる場合はその場で早期リターンし処理を止めたいです
上記のようなコードだとconsole.logが表示されると思うのですがfor文の中の結果によりその場で処理を終了させるにはどうすれば良いのでしょうか？
大変申し訳ありませんがご教示いただければ幸いです。

function test() {
  let test = true
  hoge().then((response) => {
    // response = ['あああ', 'いいい', 'ううう', 'えええ', 'おおお']
    for (let i in response) {
      if (response[i] === 'ううう') {
        test = false
        return
      }
    }
  })
  if (test) {
    console.log('これを表示させたくない')
  }
}

できれば上記のような形ではなく早期リターンで処理を止めることはできないかと思っております

Answer 1

こんにちは

hoge() がPromiseを返すのであれば、以下のようにすればよいかと思います。

async function test() {
  const response = await hoge()
    
  for (let i in response) {
    if (response[i] === 'ううう') {
      return
    }
  }
  
  console.log('これを表示させたくない')
}

• 動作確認用CodePen: https://codepen.io/jun68ykt/pen/poJwdeb?editors=1111

Comments

[span]

お返事遅れてしまい申し訳ありません
大変参考になりました！ありがとうございます！

[jun68ykt]

どういたしまして。
回答に添付したCodePen のサンプルを以下のように修正しました。

・「関数testを実行」ボタンをクリックすると、test()が呼ばれる。
・test() の一行目では、hogeの返すPromiseがresolve されてresponseに結果が入ってくるまで待つ。
・hoge() は、2秒の遅延のあとDATAという配列でresolveされるPromiseを返す。

Answer 2

こうするとよいでしょう

Comments

[yambejp]

<script>
const hoge=async ()=>new Promise(resolve=>resolve(['あああ', 'いいい', 'ううう', 'えええ', 'おおお']));
const test=async ()=>{
if(await hoge().then(response => {
for (let i=0;i<response.length;i++) {
console.log(i);
if (response[i] === 'ううう') {
return true;
}
}
return false;
})) return;
console.log('これを表示させたくない');
};
test();
</script>

[span]

お返事遅れてしまい申し訳ありません
参考にさせていただきます！ありがとうございました！

Answer 3

関数の外側の関数をreturnすることはできません。

Comments

[span]

納得することができましたありがとうございます！後述していたようなフラグを持たせるような処理にしたいと思います。