const daysInweek = 7;

let daysInweek = 8;

7; 
7;
7;

const daysInweek = 8;

8; 
8;
8;

7; // 何の値？
7;
7;

const daysInweek = 7; // 定数は7だ!

daysInweek // これは7を宣言してるんだな!
daysInweek
daysInweek 

let additionResult = 2 + 5;
let result = 5;

result = result + 10;
console.log(result); // 15

result = result + 10;

let result = 5;
result = result + 1;
result += 1;
console.log(result++); // 7
console.log(result); // 8
console.log(++result); // 9

result
++ // 間違えて改行されている
++result;

result;
++++result;

const userInput = '10'; //①
let calcResult; //②

calcResult = Number(userInput) + 10; //③
console.log(calcResult); //④

//戻り値は数値としての20

function add(num1, num2) {
  return num1 + num2;
}

let retult = add(2, 3);

console.log(result); // 出力: 5

console.log(typeof 42);          // "number"
console.log(typeof 'hello');     // "string"
console.log(typeof true);        // "boolean"
console.log(typeof undefined);   // "undefined"
console.log(typeof null);        // "object" （これは歴史的な理由による誤り）
console.log(typeof {});          // "object"
console.log(typeof []);          // "object"
console.log(typeof function(){}); // "function"

console.log(typeof null); // "object"

let value = null;
console.log(value === null); // true

let arr = [1, 2, 3];
console.log(typeof arr);        // "object"
console.log(Array.isArray(arr)); // true

function processValue(value) {
  if (typeof value === "number") {
    return value * 2;
  } else if (typeof value === "string") {
    return value.toUpperCase();
  } else {
    return "Unsupported type";
  }
}

console.log(processValue(5));      // 10
console.log(processValue("hello")); // "HELLO"
console.log(processValue(true));    // "Unsupported type"

function safeDivide(a, b) {
  if (typeof b === "undefined" || b === 0) {
    return "Cannot divide by zero or undefined";
  }
  return a / b;
}

console.log(safeDivide(10, 2));  // 5
console.log(safeDivide(10, 0));  // "Cannot divide by zero or undefined"
console.log(safeDivide(10));     // "Cannot divide by zero or undefined"

+----------------------------+------------------------------------+
|        カテゴリー          |              応用例                |
+----------------------------+------------------------------------+
| 1. ユーザーインタラクション | - フォーム処理（入力検証、送信）   |
|                            | - ボタンクリックイベント処理       |
|                            | - 検索機能（リアルタイム検索）     |
+----------------------------+------------------------------------+
| 2. データ処理               | - リストのフィルタリング           |
|                            | - データの並び替え（ソート）       |
|                            | - ページネーション制御             |
+----------------------------+------------------------------------+
| 3. 視覚効果と表示           | - アニメーション制御               |
|                            | - モーダルウィンドウの開閉         |
|                            | - 画像ギャラリーの制御             |
+----------------------------+------------------------------------+
| 4. 計算と動的表示           | - 簡単な計算機能の実装             |
|                            | - カウントダウンタイマー           |
|                            | - 動的なグラフ・チャートの更新     |
+----------------------------+------------------------------------+
| 5. 非同期処理               | - API からのデータ取得             |
|                            | - 非同期更新処理                   |
|                            | - WebSocket を使用したリアルタイム |
|                            |   通信                             |
+----------------------------+------------------------------------+

+------------------------+--------------------------------+---------------------------+
|         用途          |           具体例               |          重要性           |
+------------------------+--------------------------------+---------------------------+
| 1. データの表示        | - 商品リストの表示             | - 同種のデータを効率的に  |
|                        | - ナビゲーションメニューの生成 |   管理・表示できる        |
+------------------------+--------------------------------+---------------------------+
| 2. ユーザー入力の処理  | - フォームの入力値チェック     | - 複数の入力を一括で      |
|                        | - 検索クエリの処理             |   処理できる              |
+------------------------+--------------------------------+---------------------------+
| 3. 動的なコンテンツ    | - 画像ギャラリーの生成         | - ユーザー体験を向上させる|
|    生成                | - コメントセクションの更新     |   柔軟なUI生成が可能      |
+------------------------+--------------------------------+---------------------------+
| 4. データの保存と取得  | - ローカルストレージの使用     | - ユーザー設定や履歴を    |
|                        | - セッションデータの管理       |   効率的に管理できる      |
+------------------------+--------------------------------+---------------------------+
| 5. 大量のデータ処理    | - 検索結果のフィルタリング     | - 効率的な検索・ソート・  |
|                        | - データのソート               |   フィルタリングが可能    |
+------------------------+--------------------------------+---------------------------+
| 6. データの変換と集計  | - 価格の表示形式変更           | - 大量のデータに対して    |
|                        | - 総売上の計算                 |   一括で操作を適用できる  |
+------------------------+--------------------------------+---------------------------+
| 7. 非同期処理の管理    | - API リクエストの管理         | - 複数の非同期タスクを    |
|                        | - バッチ処理の実行             |   効率的に制御できる      |
+------------------------+--------------------------------+---------------------------+

配列の繰り返し処理の重要性:
1. コードの簡潔さ: 冗長なコードを減らし、可読性を向上
2. パフォーマンス: 大量のデータを効率的に処理
3. 柔軟性: データの数に応じて動的に処理を適用
4. 再利用性: 同じ処理を異なるデータセットに容易に適用可能

const person = [
    {
        name: "山田さん",
        gender: "男性",
        age: 28,
        country: "日本"
    }
];

// データのアクセス例
console.log(person[0].name);    // "山田さん"
console.log(person[0].gender);  // "男性"
console.log(person[0].age);     // 28
console.log(person[0].country); // "日本"

const products = [
  { name: "Tシャツ", price: 2000, image: "tshirt.jpg" },
  { name: "ジーンズ", price: 5000, image: "jeans.jpg" },
  // ... 他の商品
];

// 商品リストを表示する
products.forEach(product => {
  console.log(`${product.name}: ¥${product.price}`);
});

const formFields = ['name', 'email', 'password'];

formFields.forEach(field => {
  const value = document.getElementById(field).value;
  if (!value) {
    console.log(`${field} is required`);
  }
});

const menuItems = ['ホーム', '商品一覧', 'お問い合わせ', 'ログイン'];

const navHTML = menuItems.map(item => `<li>${item}</li>`).join('');
document.querySelector('nav ul').innerHTML = navHTML;

// 閲覧履歴を保存
const viewHistory = JSON.parse(localStorage.getItem('viewHistory') || '[]');
viewHistory.push('新しく見た商品ID');
localStorage.setItem('viewHistory', JSON.stringify(viewHistory));

let person = { name: "太郎", age: 30, city: "東京" };
for (let key in person) {
    console.log(key + ": " + person[key]);
}

let prices = { apple: 100, banana: 80, orange: 120 };
for (let item in prices) {
    prices[item] *= 1.1;  // 10%値上げ
}

let sales = { monday: 150, tuesday: 200, wednesday: 180 };
let total = 0;
for (let day in sales) {
    total += sales[day];
}
console.log("Total sales: " + total);

let inventory = { apples: 5, bananas: 0, oranges: 3 };
let inStock = [];
for (let fruit in inventory) {
    if (inventory[fruit] > 0) {
        inStock.push(fruit);
    }
}
console.log("In stock: " + inStock.join(", "));

let articles = [
    { id: 1, title: "JavaScriptの基礎", tags: ["プログラミング", "JavaScript", "入門"] },
    { id: 2, title: "Reactの使い方", tags: ["プログラミング", "JavaScript", "React", "フレームワーク"] },
    { id: 3, title: "効果的なSEO対策", tags: ["マーケティング", "SEO", "Webサイト"] },
    { id: 4, title: "モダンなCSS技法", tags: ["プログラミング", "CSS", "Web開発"] }
];

function filterArticlesByTag(articles, targetTag) {
    let filteredArticles = [];
    for (let i in articles) {
        let article = articles[i];
        for (let j in article.tags) {
            if (article.tags[j].toLowerCase() === targetTag.toLowerCase()) {
                filteredArticles.push(article);
                break; // 一致するタグが見つかったらこの記事のループを抜ける
            }
        }
    }
    return filteredArticles;
}

let javascriptArticles = filterArticlesByTag(articles, "JavaScript");
console.log(javascriptArticles);
// 出力: [
//   { id: 1, title: "JavaScriptの基礎", tags: ["プログラミング", "JavaScript", "入門"] },
//   { id: 2, title: "Reactの使い方", tags: ["プログラミング", "JavaScript", "React", "フレームワーク"] }
// ]

let users = [
    { id: 1, name: "田中太郎", age: 28, skills: ["JavaScript", "Python"], location: "東京" },
    { id: 2, name: "鈴木花子", age: 35, skills: ["Java", "C++"], location: "大阪" },
    { id: 3, name: "佐藤次郎", age: 42, skills: ["Python", "Ruby"], location: "東京" },
    { id: 4, name: "山田凛", age: 23, skills: ["JavaScript", "React"], location: "名古屋" }
];

function advancedSearch(users, criteria) {
    return users.filter(user => {
        for (let key in criteria) {
            if (key === 'skills') {
                // スキルは配列なので、一つでも一致すればOK
                if (!criteria[key].some(skill => user[key].includes(skill))) {
                    return false;
                }
            } else if (key === 'ageRange') {
                // 年齢範囲のチェック
                if (user.age < criteria[key].min || user.age > criteria[key].max) {
                    return false;
                }
            } else if (user[key] !== criteria[key]) {
                return false;
            }
        }
        return true;
    });
}

let searchCriteria = {
    skills: ["JavaScript"],
    ageRange: { min: 20, max: 30 },
    location: "東京"
};

let searchResults = advancedSearch(users, searchCriteria);
console.log(searchResults);
// 出力: [
//   { id: 1, name: "田中太郎", age: 28, skills: ["JavaScript", "Python"], location: "東京" }
// ]

let students = ["山田", "田中", "佐藤", "鈴木"];
console.log(students[0]); // 出力: "山田"

class Student {
    constructor(name, age, grade) {
        this.name = name;
        this.age = age;
        this.grade = grade;
    }

    introduce() {
        console.log(`私は${this.name}です。${this.age}歳で、${this.grade}年生です。`);
    }
}

let yamada = new Student("山田", 15, 2);
yamada.introduce(); // 出力: "私は山田です。15歳で、2年生です。"

class Curry {  // クラス（カレーのレシピ）
  constructor(spiceLevel, mainIngredient) {  // コンストラクタ（具体的な指示）
    this.spiceLevel = spiceLevel;
    this.mainIngredient = mainIngredient;
    this.isCooked = false;
  }

  cook() {  // メソッド（調理手順）
    console.log(`${this.mainIngredient}を使った${this.spiceLevel}辛さのカレーを作ります。`);
    this.isCooked = true;
  }

  serve() {  // メソッド（盛り付け）
    if (this.isCooked) {
      console.log("カレーをお皿に盛り付けました。いただきます！");
    } else {
      console.log("まだカレーが調理されていません。");
    }
  }
}

// オブジェクトの作成（実際の料理を作る）
let myCurry = new Curry("中辛", "チキン");
myCurry.cook();  // 出力: "チキンを使った中辛のカレーを作ります。"
myCurry.serve(); // 出力: "カレーをお皿に盛り付けました。いただきます！"

// 別のオブジェクト（別の料理）を作成
let friendsCurry = new Curry("辛口", "ビーフ");
friendsCurry.cook();  // 出力: "ビーフを使った辛口のカレーを作ります。"