javascript エラー「Uncaught TypeError: Reduce of empty array with no initial value」の解決方法

javascript エラー「Uncaught TypeError: Reduce of empty array with no initial value」の解決方法

javascriptで、エラー「Uncaught TypeError: Reduce of empty array with no initial value」が発生した場合の原因と解決方法を記述してます。

環境

  • OS windows11 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 98.0.4758.102

エラー内容

以下のコードで発生。

let arr = [0, 1, 2]

arr.filter(x => x > 2).reduce((x, y) => x + y)

エラーメッセージ

Uncaught TypeError: Reduce of empty array with no initial value

画像

firefox(バージョン97)では、以下のエラーとなります。

Uncaught TypeError: reduce of empty array with no initial value

画像

原因

「filter」時に、条件にあう値が存在しないため。

解決方法

配列が空でない場合のみ、実行する

let arr = [0, 1, 2]
let result = arr.filter(x => x > 2)

if ( result.length ) {
  let sum = result.reduce( (x, y) => x + y)
  console.log(sum)
}

条件を変更すると「reduce」が実行されます。

let arr = [0, 1, 2]
let result = arr.filter(x => x > 0)

if ( result.length ) {
  let sum = result.reduce( (x, y) => x + y)
  console.log(sum)
}

実行結果