ガイドブック - JavaScript - コードクエスト

変数・データ型・演算子の基本

JavaScriptの変数は let（変更可）または const（変更不可）で宣言します。

// 変数の宣言
let name = "たろう";    // 文字列（string）
let age = 16;           // 数値（number）
let isStudent = true;   // 真偽値（boolean）
const PI = 3.14159;     // 定数（変更不可）

// 演算子
console.log(10 + 3);   // 13（加算）
console.log(10 - 3);   // 7（減算）
console.log(10 * 3);   // 30（乗算）
console.log(10 / 3);   // 3.333..（除算）
console.log(10 % 3);   // 1（余り）

// 文字列結合
let greeting = "こんにちは、" + name + "！";
// テンプレートリテラル（推奨）
let greeting2 = `こんにちは、${name}！`;

📌 let と const の使い分け

const：後から値を変えない場合（基本はこちらを使う）
let：後から値を変える可能性がある場合
var：古い書き方。現代では使わない

⚠️ ==と===の違い

console.log(5 == "5");   // true（型を無視して比較）
console.log(5 === "5");  // false（型も含めて比較）← 基本はこちらを使う

関数・配列・オブジェクトの基本

🔧 関数の書き方

// 通常の関数
function greet(name) {
  return `こんにちは、${name}！`;
}

// アロー関数（現代的な書き方）
const greet = (name) => `こんにちは、${name}！`;

console.log(greet("たろう")); // → こんにちは、たろう！

📋 配列（Array）

const fruits = ["りんご", "バナナ", "みかん"];
console.log(fruits[0]);       // → りんご
console.log(fruits.length);   // → 3

// 配列のループ
fruits.forEach(f => console.log(f));

// よく使うメソッド
fruits.push("ぶどう");        // 末尾に追加
fruits.map(f => f + "🍎");   // 各要素を変換
fruits.filter(f => f !== "バナナ"); // 絞り込み

📦 オブジェクト（Object）

const person = {
  name: "たろう",
  age: 16,
  greet() { return `${this.name}です`; }
};
console.log(person.name);    // → たろう
console.log(person["age"]);  // → 16
console.log(person.greet()); // → たろうです

JavaScript ガイドブック

基礎知識