ES6+ الميزات الحديثة - أساسيات جافاسكربت

ميزات JavaScript الحديثة 🚀

ES6 وما بعده أضاف ميزات قوية جعلت الكود أنظف وأقوى.

محرر الكود

// Destructuring
const { name: n, age: a } = { name: "أحمد", age: 25 };
console.log(`${n}, ${a}`);

// Template Literals
const multiline = `
سطر أول
سطر ثاني
سطر ثالث
`;
console.log(multiline.trim());

// Spread & Rest
const arr = [1, 2, 3];
const arr2 = [...arr, 4, 5]; // [1,2,3,4,5]
console.log("Spread:", arr2);

const sum = (...nums) => nums.reduce((a, b) => a + b, 0);
console.log("Rest:", sum(1, 2, 3, 4, 5));

// Optional Chaining & Nullish Coalescing
const user = { profile: { name: "سارة" } };
console.log(user?.profile?.name); // سارة
console.log(user?.settings?.theme ?? "dark"); // dark

// Map & Set
const uniqueNums = new Set([1, 2, 2, 3, 3, 4]);
console.log("\nSet:", [...uniqueNums]);

const map = new Map();
map.set("اسم", "أحمد");
map.set("عمر", 25);
for (const [key, val] of map) {
  console.log(`${key}: ${val}`);
}

// Array methods الحديثة
const nums = [1, 2, 3, 4, 5];
console.log("\nfindLast:", nums.findLast(n => n < 4)); // 3
console.log("at(-1):", nums.at(-1)); // 5
console.log("flat:", [[1,2],[3,4]].flat());

المخرجات

// اضغط ▶ تشغيل لرؤية النتائج...

تمرين

استخدم Set و Map لكتابة برنامج يعد تكرار كل كلمة في نص.

⚡ ES6+ الميزات الحديثة

ميزات JavaScript الحديثة 🚀

تمرين