Magdy Atef Zahran

التعامل مع النصوص والمصفوفات والكائنات في JavaScript

النهاردة هنغطّي:

✅ التعامل مع النصوص (Strings)

✅ التعامل مع المصفوفات وفهم أهم الميثودز

✅ التعامل مع الكائنات (Objects)

✅ مقارنة بين النصوص والمصفوفات والكائنات

🔹 التعامل مع النصوص (Strings)

النصوص (Strings) هي واحدة من أهم أنواع البيانات في JavaScript وبتوفر ميثودز قوية عشان تقدر تعدل وتتعامل معاها بسهولة.

📌 أهم العمليات على النصوص

طول النص (length)
تحويل الأحرف (toUpperCase() و toLowerCase())
قص النص (slice(), substring())
البحث (indexOf(), includes())
استبدال النص (replace())
قسيم النص (split())

امثله عمليه

let text = "JavaScript is awesome!"; console.log(text.length); // 22 console.log(text.toUpperCase()); // "JAVASCRIPT IS AWESOME!" console.log(text.slice(0, 10)); // "JavaScript" console.log(text.includes("awesome")); // true console.log(text.replace("awesome", "powerful")); // "JavaScript is powerful!" console.log(text.split(" ")); // ["JavaScript", "is", "awesome!"]

🔹 التعامل مع المصفوفات (Arrays)

المصفوفات في JavaScript مهمه جدا وبتستخدم في كل حاجة تقريبا من إدارة البيانات لحد التعامل مع API.

📌 أهم العمليات على المصفوفات

إضافة وحذف العناصر (push(), pop(), unshift(), shift())
دمج المصفوفات (concat())
البحث (indexOf(), includes())
الفرز (sort(), reverse())
التكرار (map(), filter(), reduce())

امثله عمليه

let numbers = [10, 20, 30, 40]; // إضافة وحذف numbers.push(50); // [10, 20, 30, 40, 50] numbers.pop(); // [10, 20, 30, 40] // البحث console.log(numbers.includes(20)); // true console.log(numbers.indexOf(30)); // 2 // التكرار على العناصر let doubled = numbers.map(num => num * 2); console.log(doubled); // [20, 40, 60, 80] let filtered = numbers.filter(num => num > 20); console.log(filtered); // [30, 40] let sum = numbers.reduce((acc, num) => acc + num, 0); console.log(sum); // 100

🔹 التعامل مع الكائنات (Objects)

الكائنات في JavaScript هي الأساس لأي بيانات منظمة وبتستخدم في كل حاجة من الـ APIs لحد الهياكل المعقدة زي الـ JSON.

📌 إنشاء كائن (Object)

let person = { name: "Ahmed", age: 25, skills: ["JavaScript", "React", "Node.js"] }; console.log(person.name); // "Ahmed" console.log(person.skills[1]); // "React"

📌 التعديل والإضافة

person.age = 26; person.city = "Cairo"; console.log(person);

📌 حذف خاصية من الكائن

delete person.city; console.log(person);

📌 التكرار على خصائص الكائن

for (let key in person) { console.log(`${key}: ${person[key]}`); }

📌 مقارنة بين النصوص، المصفوفات، والكائنات في JavaScript

الجدول	Strings (نصوص)	Arrays (مصفوفات)	Objects (كائنات)
التخزين	سلسلة من الأحرف	مجموعة من القيم بترتيب معين	مجموعة من الخصائص والقيم
القابلية للتعديل	غير قابلة للتعديل مباشرة (Immutable)	قابلة للتعديل بسهولة	قابلة للتعديل بسهولة
إضافة عناصر جديدة	لازم تكوّن نص جديد	push(), unshift()	إضافة key جديد
إزالة عناصر	لازم تكوّن نص جديد	pop(), shift(), splice()	delete
أمثلة على الاستخدام	معالجة النصوص، البحث والاستبدال	التعامل مع القوائم، الفرز والتصفية	تخزين البيانات المترابطة (مثل بيانات المستخدم)

📌 التــاسك 📝

اكتب كود يحسب عدد الكلمات في جملة باستخدام split()
اعمل دالة بتاخد Array وترجع العناصر بدون تكرار.
اكتب كود يحوّل (Object) إلى مصفوفة (Array) من المفاتيح والقيم.
استخدم map() لإنشاء Array جديد من مصفوفة تحتوي على أسماء مستخدمين وإضافة كلمة “Mr.” قبل كل اسم.
ابعتلي Screenshot لأول Bug يطلعلك وانت بتحاول تحل التاسك😂