javascript 配列からNaN以外のデータを抽出する

javascript 配列からNaN以外のデータを抽出する

javascriptで、配列からNaN以外のデータを抽出するサンプルコードを掲載してます。ブラウザはchromeを使用しています。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 91.0.4472.77

配列からNaN以外のデータを抽出

配列からNaN以外のデータを抽出するには、「filter」を使って「自身」と「自身」を比較することで可能です。
※「Nan === NaN」は「false」になります。

実行結果を確認すると、Nan以外のデータが取得されていることが確認できます。

また、以下のコードを、

アロー関数を使用して、以下のように簡潔に記述することもできます。

「Number.isNaN」を使用して判定することも可能です。

サンプルコード

以下は、
「実行」ボタンをクリックして、NaN以外のデータを取得して表示するサンプルコードとなります。

※cssには「tailwind」を使用して、アロー関数で関数は定義してます。

実行結果を確認すると、NaN以外のデータが取得されていることが確認できます。