JavaScriptの基礎入門

1. 変数の宣言

JavaScriptでは、以下の3つの方法で変数を宣言します。

var：古い方法で、現在はあまり推奨されません（再代入・再宣言が可能）。
let：再代入可能だが再宣言は不可。
const：再代入・再宣言が不可。
javascript
コードをコピーする
let name = "JavaScript"; // letを使った変数宣言
const version = "ES6"; // 定数の宣言
name = "JS"; // letの再代入は可能

2. データ型

JavaScriptには以下の主なデータ型があります：

プリミティブ型：string、number、boolean、undefined、null
オブジェクト型：オブジェクト、配列、関数など

let text = "Hello, JavaScript";  // string
let num = 42;                    // number
let isActive = true;             // boolean
let nothing = null;              // null
let unknown;                     // undefined

3. 条件分岐

if-else文

let score = 85;
if (score >= 90) {
    console.log("Excellent!");
} else if (score >= 60) {
    console.log("Good Job!");
} else {
    console.log("Keep Trying.");
}

switch文

let day = 3;
switch (day) {
    case 1:
        console.log("Monday");
        break;
    case 2:
        console.log("Tuesday");
        break;
    default:
        console.log("Unknown day");
}

4. ループ

forループ

for (let i = 0; i < 5; i++) {
    console.log(i);
}
whileループ
javascript
コードをコピーする
let i = 0;
while (i < 5) {
    console.log(i);
    i++;
}

5. 関数

関数の定義

function greet(name) {
    return `Hello, ${name}!`;
}
console.log(greet("Alice"));

アロー関数

const greet = (name) => `Hello, ${name}!`;
console.log(greet("Alice"));

1. 配列とオブジェクト
   配列

let fruits = ["apple", "banana", "cherry"];
console.log(fruits[0]);  // apple
オブジェクト
javascript
コードをコピーする
let person = {
    name: "Alice",
    age: 25,
};
console.log(person.name);  // Alice

1. イベントハンドリング
   Webページでのイベント処理が簡単にできます。

document.getElementById("myButton").addEventListener("click", () => {
    alert("Button clicked!");
});

1. 非同期処理 (Async/Await)
   非同期処理を簡潔に書くためのasync / await。

async function fetchData() {
    let response = await fetch("https://api.example.com/data");
    let data = await response.json();
    console.log(data);
}

1. DOM操作
   JavaScriptを使ってHTMLを操作することができます。

document.getElementById("myElement").textContent = "Hello, DOM!";

1. エラー処理
   JavaScriptではtry-catchでエラーを処理します。

try {
    let result = someFunction();
} catch (error) {
    console.error("An error occurred:", error);
}

まとめ
JavaScriptは、基本的なプログラミングだけでなく、フロントエンドやバックエンド、モバイルアプリ開発など幅広い分野で使える汎用的な言語です。これらの基礎を押さえた上で、より高度なトピック（ES6以降の新機能、非同期処理、モジュール管理など）を学ぶと良いでしょう。

Javascript応用文法についての記事はこちらで公開しています

次のステップ
JavaScriptをさらに学びたい場合、以下のリソースが役立ちます：

JavaScript公式ドキュメント (MDN Web Docs)
JavaScript入門 (W3Schools)

最後までよんでいただきありがとうございます。
毎日更新していますので、@y-t0910をフォロー,いいねしていただけると嬉しいです！