JavaScript

【JavaScript】数値の四捨五入、切り捨て、切り上げをする

はじめに JavaScriptを扱っていると小数点が続く割り切れない数値を扱うことがよくあります。 JavaScriptのMathクラスには数値を四捨五入、切り捨て、切り上げを行うメソッドがあり、とても便利です。 今回は、小数点第1位を四捨五入、切り捨て、切り上げを…

【JavaScript】文字列をカンマ区切りで配列に格納する方法

はじめに JavaScriptでCSVなどのデータを扱う場合にカンマ区切りで配列に格納してデータを扱えると、とても便利ですよね。 文字列をカンマ区切りで配列に格納するには「split()メソッド」で一行で実装できます。 今回は、便利な「split()メソッド」を使って…

【React】axiosのGetで郵便番号から住所を取得する

はじめに Web APIからJavaScriptを使ってデータを取得できると本格的なプログラムが作れますよね。 今回はaxiosを使って、郵便番号から住所を取得する方法を考えてみました。 axiosのインストール まずはnpmを使ってプロジェクトにaxiosをインストールしてお…

【React】三項演算子を使いボタンの表示、非表示を切り替える

はじめに Reactの大きなメリットとしてstateによる状態管理があります。 さらにstateと三項演算子を使うことで不具合が発生しにくくシンプルにボタンなどの状態を変化させることができます。 今回は、React(JavaScript)の三項演算子を使ってボタンの表示、非…

【React】useEffectの処理が2回実行される時の対処方法

はじめに Reactのアプリケーションを「npx create-react-app」コマンドで作成して useEffectを設定すると困った現象が発生します。 useEffect(() => { console.log("useEffectが呼び出されました"); }, []); どうやらuseEffectの処理が2回実行されている模…