JavaScript

JavaScript

JavaScriptの関数:処理をまとめて再利用する

配列とオブジェクトに続いて、「関数」を学びました。関数は、Pythonでも学んだ概念ですが、JavaScriptでは書き方が少し異なります。さらに、ES6から導入された「アロー関数」という新しい書き方も学びました。関数とは関数は、いくつかの...
JavaScript

JavaScriptのオブジェクト:プロパティ名で値を管理する

配列に続いて、「オブジェクト」を学びました。オブジェクトは配列と同様に複数のデータをまとめて管理しますが、プロパティ名(名前)を付けて管理する点が特徴です。オブジェクトとはオブジェクトは、複数のデータを、プロパティ名と値のペアでまとめて管理...
JavaScript

JavaScriptの配列:複数の値をまとめて管理する

繰り返し処理に続いて、「配列」を学びました。配列は、複数のデータを1つの変数にまとめて管理できるデータ構造です。Pythonのリストに相当します。配列とは配列は、複数の値をまとめて管理するデータ型です。構文: const fruits = ...
JavaScript

JavaScriptの繰り返し処理:while文とfor文

条件分岐に続いて、「繰り返し処理」を学びました。同じ処理を何度も実行したいとき、繰り返し処理(ループ)を使うことでコードを劇的に短くできます。while文:条件がtrueの間繰り返す構文:while (条件式) { 処理}let count...
JavaScript

JavaScriptのswitch文:多数の分岐をシンプルに書く

if文に続いて、もう1つの条件分岐「switch文」を学びました。switch文は、多数の値と比較して処理を分岐したいときに便利です。switch文とはswitch文は、1つの値を複数の値と比較して、一致する場合の処理を実行する構文です。構...
JavaScript

JavaScriptの条件分岐(if文):条件によって処理を変える

プログラムに「判断」をさせる仕組みが条件分岐です。今日は、条件によって異なる処理を実行する「if文」を学びました。if文の基本構文:if (条件式) { 処理}const age = 20;if (age >= 18) { console....
JavaScript

JavaScriptのテンプレートリテラル:文字列に変数を埋め込む

今日は、ES6(ECMAScript 2015)から導入された新しい文字列の書き方「テンプレートリテラル」を学びました。これを使うと、文字列の中に変数や定数を簡単に埋め込むことができます。テンプレートリテラルとはテンプレートリテラルは、文字...
JavaScript

JavaScriptの定数:更新できない値を定義する

変数に続いて「定数」を学びました。定数は、一度定義したら値を変更できないという特徴を持つデータの入れ物です。定数とは定数は、後から値を更新できない変数です。構文: const 定数名 = 代入する値;const price = 500;co...
JavaScript

JavaScriptの変数:データを入れる箱を作る

プログラミングで欠かせない「変数」を学びました。変数は、データ(値)を保存しておくための「箱」のようなものです。変数とは変数は、データ(値)を入れておく箱です。この箱には「変数名」という名前が付いています。let price = 500;c...
JavaScript

JavaScriptのコンソール出力:console.logで動作確認をする

JavaScript学習の再スタートです。3ヶ月前に一度学習していますが、改めて基礎から復習していきます。最初に学ぶのは、プログラムの動作確認に欠かせない「コンソール出力」です。console.log():コンソールに出力する構文: con...