🚀 Bài 8: JavaScript Iterables, Sets & Maps

// Duyệt qua string
const name = "JavaScript";
for (let char of name) {
    console.log(char); // J, a, v, a, S, c, r, i, p, t
}

// Duyệt qua array
const fruits = ["apple", "banana", "orange"];
for (let fruit of fruits) {
    console.log(fruit); // apple, banana, orange
}

// Duyệt qua Set (tập hợp các giá trị duy nhất)
const uniqueNumbers = new Set([1, 2, 2, 3, 3, 4]); // Tự động loại bỏ duplicate
console.log(uniqueNumbers); // Set(4) {1, 2, 3, 4}

for (let number of uniqueNumbers) {
    console.log(number); // 1, 2, 3, 4
}

// Duyệt qua Map (key-value pairs)
const studentGrades = new Map([
    ["Alice", 95],
    ["Bob", 87], 
    ["Charlie", 92]
]);

for (let [student, grade] of studentGrades) {
    console.log(`${student}: ${grade} điểm`); 
    // Alice: 95 điểm
    // Bob: 87 điểm  
    // Charlie: 92 điểm
}

// ❌ Object KHÔNG phải iterable - KHÔNG thể dùng for...of
const student = { name: "John", age: 20, grade: 85 };

// ❌ Cách này SẼ BỊ LỖI!
// for (let item of student) { // TypeError: student is not iterable
//     console.log(item);
// }

// ✅ Cách đúng để duyệt qua Object:
// 1. Dùng for...in để duyệt qua keys
for (let key in student) {
    console.log(`${key}: ${student[key]}`);
}

// 2. Dùng Object.entries() để tạo iterable rồi dùng for...of
for (let [key, value] of Object.entries(student)) {
    console.log(`${key}: ${value}`);
}

// 3. Dùng Object.keys() và Object.values()
for (let key of Object.keys(student)) {
    console.log(`Key: ${key}`);
}

for (let value of Object.values(student)) {
    console.log(`Value: ${value}`);
}

// Kiểm tra xem đối tượng có iterable không
function isIterable(obj) {
    return obj != null && typeof obj[Symbol.iterator] === 'function';
}

console.log(isIterable("Hello")); // true
console.log(isIterable([1, 2, 3])); // true
console.log(isIterable(uniqueNumbers)); // true (Set)
console.log(isIterable(studentGrades)); // true (Map)
console.log(isIterable(student)); // false (Object)
console.log(isIterable(123)); // false
                        

// Tạo Set mới
const mySet = new Set();

// Thêm giá trị vào Set
mySet.add(1);
mySet.add(2);
mySet.add(2); // Không được thêm vì đã tồn tại
mySet.add("hello");

console.log(mySet); // Set(3) {1, 2, "hello"}
console.log(mySet.size); // 3

// Tạo Set từ array (loại bỏ duplicate)
const numbers = [1, 2, 2, 3, 3, 4, 5];
const uniqueNumbers = new Set(numbers);
console.log(uniqueNumbers); // Set(5) {1, 2, 3, 4, 5}

// Chuyển Set về array
const uniqueArray = [...uniqueNumbers];
console.log(uniqueArray); // [1, 2, 3, 4, 5]
                        

const fruits = new Set(["apple", "banana", "orange"]);

// Kiểm tra size
console.log(fruits.size); // 3

// Thêm giá trị
fruits.add("grape");
console.log(fruits); // Set(4) {"apple", "banana", "orange", "grape"}

// Kiểm tra tồn tại
console.log(fruits.has("apple")); // true
console.log(fruits.has("mango")); // false

// Xóa giá trị
fruits.delete("banana");
console.log(fruits); // Set(3) {"apple", "orange", "grape"}

// Duyệt qua Set
fruits.forEach(fruit => {
    console.log(`Tôi thích ${fruit}`);
});

// Sử dụng for...of
for (let fruit of fruits) {
    console.log(fruit);
}
                        

// Tạo Map mới
const myMap = new Map();

// Thêm cặp key-value
myMap.set("name", "John");
myMap.set("age", 30);
myMap.set(1, "number key");
myMap.set(true, "boolean key");

console.log(myMap); // Map(4) {"name" => "John", "age" => 30, 1 => "number key", true => "boolean key"}

// Tạo Map từ array
const userMap = new Map([
    ["id", 1],
    ["username", "john_doe"],
    ["email", "john@example.com"]
]);

console.log(userMap.get("username")); // "john_doe"
console.log(userMap.size); // 3

// So sánh Map vs Object
const obj = { name: "Alice", age: 25 };
const map = new Map([["name", "Alice"], ["age", 25]]);

console.log(Object.keys(obj).length); // 2
console.log(map.size); // 2
                        

const studentGrades = new Map();

// Thêm điểm cho học sinh
studentGrades.set("Alice", 95);
studentGrades.set("Bob", 87);
studentGrades.set("Charlie", 92);

console.log(studentGrades.size); // 3

// Lấy điểm của học sinh
console.log(studentGrades.get("Alice")); // 95
console.log(studentGrades.get("David")); // undefined

// Kiểm tra học sinh có tồn tại không
console.log(studentGrades.has("Bob")); // true

// Cập nhật điểm
studentGrades.set("Bob", 90);
console.log(studentGrades.get("Bob")); // 90

// Duyệt qua Map
for (let [name, grade] of studentGrades) {
    console.log(`${name}: ${grade} điểm`);
}

// Sử dụng forEach
studentGrades.forEach((grade, name) => {
    console.log(`${name} đạt ${grade} điểm`);
});

// Lấy tất cả keys và values
console.log([...studentGrades.keys()]); // ["Alice", "Bob", "Charlie"]
console.log([...studentGrades.values()]); // [95, 90, 92]