javascript(基本編) | 【福岡】LP・ランディングページ・ホームページ制作|セルピー

javascript(基本編)

JavaScriptは、ウェブ開発やアプリケーション開発などで広く使用されるプログラミング言語です。

変数宣言

JavaScriptでは、変数を宣言するためにvar、let、またはconstを使用します。変数はデータを格納するために使用されます。

var age = 30; // varを使用して変数を宣言
let name = "John"; // letを使用して変数を宣言
const pi = 3.14159; // constを使用して定数を宣言

データ型

JavaScriptは動的な型付け言語であり、変数のデータ型は自動的に決まります。主なデータ型には、数値、文字列、真偽値、オブジェクトなどがあります。

var num = 42; // 数値
var greeting = "Hello, world!"; // 文字列
var isTrue = true; // 真偽値
var person = { name: "Alice", age: 25 }; // オブジェクト

演算子

JavaScriptでは、数値演算、文字列結合、比較演算などを行うための演算子が使用されます。

var x = 5;
var y = 10;
var sum = x + y; // 加算
var concatStr = "Hello, " + "world!"; // 文字列結合
var isGreater = x > y; // 比較演算

制御構造

制御構造は条件分岐と繰り返しを制御するのに使用されます。代表的な構造にはif文、forループ、whileループなどがあります。

if (age >= 18) {
    console.log("成人です");
} else {
    console.log("未成年です");
}

for (var i = 0; i < 5; i++) {
    console.log("カウント: " + i);
}

while (num > 0) {
    console.log(num);
    num--;
}

関数

関数はコードの再利用とモジュール化に役立ちます。関数はfunctionキーワードを使用して定義されます。

function add(a, b) {
    return a + b;
}

var result = add(3, 4); // 関数呼び出し
console.log(result); // 結果を表示

イベント処理

JavaScriptはウェブページでのユーザーの操作に対応するためにイベント処理をサポートします。イベントハンドラを使用して、クリック、キーボード入力、マウス移動などのイベントを処理できます。

var button = document.getElementById("myButton");
button.addEventListener("click", function() {
    alert("ボタンがクリックされました");
});

これらはJavaScriptの基本ルールの一部であり、JavaScriptを理解し始めるのに役立つ要点です。JavaScriptは非常に柔軟な言語であり、さまざまな用途で使用できます。