7 نصائح وحيل في استخدام لغة الجافا سكريبت (JavaScript)
الجافاسكريبت هي لغة برمجة شائعة تستخدم على نطاق واسع لتطوير الويب، وإنشاء تطبيقات الهاتف المحمول وسطح المكتب، وغيرهم الكثير. وهي لغة برمجة قوية تقدم العديد من الميزات والقدرات، بما في ذلك البرمجة الموجهة نحو الكائن (Object oriented programming – OOP)، والبرمجة الوظيفية (Functional programming).
في هذه المقالة، سنناقش بعض الحيل المفيدة التي يمكنها أن تساعدك في كتابة كود أفضل باستخدام لغة برمجة جافا سكريبت، وتحسين مهاراتك كمطور.
أهم 7 نصائح عند استخدامك لغة جافا سكريبت
مجموع جميع القيم من مصفوفة
لنفترض أن لدينا مجموعة من الأرقام:
const numbers = [2, 52, 55, 5];
للحصول على مجموع الأرقام، سنقوم باستخدام (for loop) لكي نمر على كل عنصر في المصفوفة.
يمكنك القيام بذلك بسهولة عن طريق استخدام هذا السطر البرمجي:
const sum = numbers.reduce((x, y) => x + y, 0);
ويمكنك طباعة النتيجة باستخدام أمر console.log
console.log(sum); // 114
قلل من طول المصفوفة باستخدام خاصية طول المصفوفة (length)
مثال:
const array = [11, 12, 12, 122, 1222];
لدينا مصفوفة بها 5 عناصر [array.length = 5]
لنفترض الآن أنني أريد تقليل طول المصفوفة. يمكننا القيام بذلك باستخدام:
array.length = 4;
console.log( 'Code is Poetry' );
الآن عندما تقوم بطباعة المصفوفة الخاصة بك سوف تتكون من [11,12,12,122] فقط.
خلط عناصر المصفوفة
في بعض الأحيان نحتاج إلى الحصول على بيانات عشوائية من مجموعة بيانات محددة. يمكنك استخدام الكود التالي والذي سيوفر عليك بعض الوقت:
const array = [11, 12, 13, 14, 150, 15, 555, 556, 545];
array.sort(() => Math.random() - 0.5);
console.log(array); //[ 13, 555, 14, 545, 15, 11, 150, 12, 556 ]
الحصول على القيم الفريدة
في بعض الأحيان نحتاج إلى الحصول على القيم الفريدة من بين مجموعة من القيم. لتنفيذ هذه العملية نقوم باستخدام المجموعات (sets).
المجموعة عبارة عن هيكل بيانات يمكنه تخزين أي عدد من القيم الفريدة بأي ترتيب ترغب فيه. وتختلف المجموعات عن المصفوفات حيث أنها تسمح فقط بتخزين قيم فريدة غير متكررة بداخلها.
مثال:
const array = [11, 12, 12, 222];
const unique = [...new Set(array)];
console.log(unique); // [11, 12, 222]
مشغل الفاصلة (Comma Operator)
يقوم مشغل الفاصلة (,) بتقييم كل من عملياته (من اليسار إلى اليمين) ويعيد قيمة العملية الأخيرة.
مثال:
let x = 1;
x = (x++, x);
console.log(x);
// Expected output: 2
x = 3;
console.log(x);
// Expected output: 3
تبديل القيم (Swap)
إذا كان لديك عنصرين (x=5)، (y=10) وتحتاج لكتابة كود يبادل قيم العنصرين معًا، فغالبًا ستفكر في الطريقة المعروفة لتنفيذ ذلك، وهي كالتالي:
let x = 5;
let y = 10;
let temp = x;
x = y;
y = temp;
console.log(x); // 10
console.log(y); // 5
ولكن هناك طريقة أخرى (array destructuring) تجعلك تنفذ هذه العملية بخطوة واحدة، وهي كالتالي:
let x = 5;
let y = 10;
[x, y] = [y, x];
console.log(x); // 10
console.log(y); // 5
استبدال جملة if ب (&&)
const isAlmdrasa = true;
if (isAlmdrasa) {
console.log("I love Almdrasa");
}
يمكنك استبدال هذه الطريقة عن طريق كتابتها بالطريقة الآتية:
const isAlmdrasa = true;
isAlmdrasa && console.log("I love Almdrasa");
تبحث عن تعلم لغة جافا سكريبت بطريقة احترافية وباللغة العربية؟
تُقدم منصة المدرسة مسارًا كاملًا يأخذ بيدك من الصفر وحتى الاحتراف لتتعلم لغة الجافا سكريبت بطريقة احترافية عن طريق التطبيق العملي على مشاريع حقيقية، وعلى يد خبراء يعملون في كبرى الشركات العالمية كجوجل وأمازون وباللغة العربية.
المدرسة لا تقدم لك مسارًا تعليميًا فقط، بل تقدم لك تجربة تعليمية كاملة تتمثل في تطبيق عملي على مشاريع حقيقية، ومتابعة شخصية، وتواصل مباشر مع المحاضرين ذوي الخبرة، بالإضافة إلى الدعم والإرشاد كي تقتنص مكانك في سوق العمل العالمي. وكل هذا باللغة العربية؛ مما يضمن لك تعلم 3 مرات أسرع لأنك تتلقى الشرح وتتفاعل بلغتك الأم!
باستخدام هذه النصائح والحيل في استخدام لغة JavaScript، يمكنك أن ترتقي بمهاراتك كمطور وتحسن جودة وكفاءة كودك. ستساعدك هذه الحيل على تنفيذ المهام بشكل أكثر فعالية وإبداعًا. قم بتجربتها، ولا تتردد في استكشاف المزيد من الإمكانيات الرائعة التي توفرها لغة JavaScript.
لغة JavaScript هي لغة برمجة شائعة تستخدم على نطاق واسع في تطوير الويب وإنشاء تطبيقات الهاتف المحمول وسطح المكتب وغيرهم الكثير. توفر JavaScript ميزات قوية وقدرات مثل البرمجة الموجهة نحو الكائن والبرمجة الوظيفية.
نعم، فعند تعيين قيمة جديدة لخاصية length، ستتم قص المصفوفة وإزالة العناصر الزائدة.
يقوم مشغل الفاصلة (,) بتقييم كل من عملياته (من اليسار إلى اليمين) ويعيد قيمة العملية الأخيرة.
