JavaScript JavaScriptのif文で変数・値を判定した場合の挙動11個
JavaScriptのif文に変数や値を渡した時の判定がどうなるか、挙動を11個確認してみました。 空の配列やオブジェクト、undefinedなどを、if文に入れてみて判定がどうなるか試してみました。 最後に試した内容を表にまとめています。...
JavaSciptの入門や学習に使える記事一覧
JavaScript JavaScript JavaScriptのArray.mapの使い方！(forEachとの違いは？)
JavaScriptのmapメソッドの使い方について、書いています。 配列からmapメソッドを呼び出すことで、ひとつずつ要素を取り出して、新しい配列を作成します。 前回はforEachについて、こちらに記事を書きました。 forEachと同...
JavaScript JavaScriptのArray.forEachメソッドの使い方！(配列要素で繰り返し処理)
今回はJavaScriptの配列でforEachメソッドを使う方法について、書いています。 配列からforEachメソッドを呼び出すことで、ひとつずつ要素を取り出して繰り返し処理を行うことができます。 使い方を解説した後に、forEachを...
JavaScript [JavaScript入門]for文を使い方と、4パターンのコード(繰り返し処理)
今回はJavaScriptでのfor文の使い方について、書いています。 使い方を解説して、for文を使用した簡単なプログラムを作成した後に、4パターンのコードを書いてみました。 実際に作成して動かすこともできるのでやってみてください。 Ja...
JavaScript [JavaScript入門]switch文の使い方と、3パターンのコード(条件分岐)
今回はJavaScriptでのswitch文の使い方について、書いています。 使い方と基本的な動作検証を確認した後に、3パターンのサンプルコードを書いています。 JavaScript入門シリーズの前回は、JavaScriptの配列について書...
JavaScript Fetch APIの使い方(JavaScriptでHTTP通信)
最近JavaScriptでFetch APIを使用して、SPA構成のアプリケーションでデータの登録や取得をすることがあったので、まとめてみました。 検証に使っているブラウザはChrome96です。 最初にFetch APIの使い方を解説して...
JavaScript JavaScriptでfilterを使う方法！【使用例3選】
JavaScriptでfilterの機能を使ったので、使い方やサンプルなどを記載しています。 MDNでfilterについて説明しているドキュメントはこちらです。 JavaScriptのfilter機能とは？ JavaScriptのfilte...
JavaScript [JavaScript入門]if – else文を使ってみよう(条件分岐)
前回はJavaScriptの配列について書きました。 今回はJavaScriptでのif - else文の使い方について、見ていきましょう。 最初にJavaScriptで、if - else文を使用する方法を確認します。 その後に処理を分岐...
JavaScript [JavaScript入門]配列を使ってみよう
前回はJavaScriptの算術演算子について書きました。 今回はJavaScriptでの配列の使い方について、見ていきましょう。 最初にJavaScriptで、配列の宣言と使用する方法を確認します。 その後に配列を使用したプログラムを書い...
JavaScript [JavaScript入門]プログラムで計算してみよう(算術演算子について)
前回はJavaScriptの変数について書きました。 今回はJavaScriptでの演算子について見ていきましょう。 最初にJavaScriptで、計算する方法について確認しましょう。 その後に簡単な計算プログラムを書いて、ブラウザに出力し...
JavaScript [JavaScript入門]変数と定数を使ってみよう
本記事では、JavaScriptで変数を使う方法とサンプルを作って実行するところまでを目的としています。 JavaScriptは基本的にはブラウザがあれば使うことができます。 なので、実行環境構築は不要で、ブラウザのみで学習していけます。 ...
JavaScript オブジェクト代入で「あれっ？」(Object.assign,スプレッド構文)
JavaScriptでオブジェクトを変数に代入して、ゴニョゴニョする処理を書きました。 代入先の変数の内容を変えると、代入元の内容も変わって「あれっ？」となりました。 そういえば、JavaScriptではオブジェクトの代入は単純なコピーじゃ...