11 خط واحد لجافا سكريبت يجب أن تعرفه

تعد JavaScript واحدة من أكثر لغات البرمجة شيوعًا. يتم استخدامه لتطوير مواقع الويب وتطبيقات الويب وخوادم الويب والألعاب وتطبيقات الأجهزة المحمولة والمزيد.

تسمح بنية JavaScript ، لا سيما وظائفها المجهولة والسهم ، بإيجاز التعليمات البرمجية. يمكنك تحقيق الكثير بسطر واحد فقط من التعليمات البرمجية.

في هذه المقالة ، ستتعرف على 11 سطرًا واحدًا من JavaScript والتي ستساعدك على البرمجة مثل المحترفين.

1. كيفية تحويل سلسلة من snake_case إلى camelCase

تستخدم السلسلة في snake_case حرف الشرطة السفلية لفصل كل كلمة. تبدأ كل كلمة في سلسلة أحرف الثعبان عادةً بحرف صغير ، على الرغم من وجود متغيرات. تبدأ سلسلة أحرف الجمل بحرف صغير ، كل كلمة تالية تبدأ بحرف كبير. لا توجد مسافات فاصلة أو علامات ترقيم في سلسلة أحرف الجمل.

تستخدم لغات البرمجة - والمبرمجون - مخططات غلاف مختلفة لأسماء المتغيرات وأسماء الأساليب.

أمثلة على سلاسل snake_case: hello_world، this_is_a_variable، SCREAMING_SNAKE_CASE

أمثلة على سلاسل حالة الجمل: helloWorld، thisIsVariable، makeUseOf

يمكنك تحويل سلسلة snake_case إلى camelCase باستخدام الكود التالي:

const convertSnakeToCamel = (s) => s.toLowerCase (). replace (/ (_ \ w) / g، (w) => w.toUpperCase (). substr (1)) ؛





instagram viewer


دع s1 = "hello_world" ؛
console.log (convertSnakeToCamel (s1)) ،
دع s2 = "make_use_of" ؛
console.log (convertSnakeToCamel (s2)) ،
دع s3 = "this_is_a_variable" ؛
console.log (convertSnakeToCamel (s3)) ،

انتاج |:

مرحبا بالعالم
جعل الاستخدام
هذا متغير

2. كيفية تبديل مصفوفة JavaScript عشوائيًا

يعني خلط المصفوفة إعادة ترتيب عناصرها بشكل عشوائي. يمكنك تبديل مصفوفة JavaScript عشوائيًا باستخدام الكود التالي:

const shuffleArray = (arr) => arr.sort (() => 0.5 - Math.random ()) ؛
دع arr1 = [1، 2، 3، 4، 5] ؛
console.log (shuffleArray (arr1)) ؛
دع arr2 = [12، 34، 45، 43] ؛
console.log (shuffleArray (arr2)) ؛
دع arr3 = [2، 4، 6، 8، 10] ؛
console.log (shuffleArray (arr3)) ؛

انتاج |:

[ 3, 5, 1, 4, 2 ]
[ 45, 34, 12, 43 ]
[ 4, 10, 2, 6, 8 ]

ستحصل على مخرجات مختلفة عبر عمليات تشغيل منفصلة لهذا الرمز.

متعلق ب: وظائف سهم JavaScript تجعلك مطورًا أفضل

3. كيفية إيجاد متوسط ​​المصفوفة

المتوسط ​​المتوسط ​​هو مجموع عناصر المصفوفة مقسومًا على عدد العناصر. يمكنك العثور على متوسط ​​مصفوفة في JavaScript باستخدام الكود التالي:

const حساب متوسط ​​= (arr) => arr.reduce ((a، b) => a + b، 0) / arr.length ؛
دع arr1 = [1، 2، 3، 4، 5] ؛
console.log (calculateAverage (arr1)) ؛
دع arr2 = [12، 34، 45، 43] ؛
console.log (حساب المتوسط ​​(arr2)) ؛
دع arr3 = [2، 4، 6، 8، 10] ؛
console.log (حساب المتوسط ​​(arr3)) ؛

انتاج |:

3
33.5
6

متعلق ب: كيفية البحث عن متوسط ​​المصفوفة في Python و C ++ و JavaScript و C

4. كيفية اكتشاف الوضع الداكن باستخدام JavaScript

مع تشغيل الكود في متصفح الويب ، يمكنك اكتشاف الوضع المظلم باستخدام الأسطر التالية:

const darkMode = window.matchMedia && window.matchMedia ('(يفضل نظام الألوان: غامق)').
console.log (darkMode) ؛

سيعود البيان حقيقية إذا كان الوضع المظلم قيد التشغيل ، وإلا فإنه سيعود خاطئة.

5. كيفية اكتشاف متصفح Apple باستخدام JavaScript

يمكنك التحقق مما إذا كان المتصفح يعمل على جهاز كمبيوتر Apple باستخدام تطابق التعبير العادي البسيط هذا:

const appleBrowser = /Mac|iPod|iPhone|iPad/.test (navigator.platform) ؛
console.log (appleBrowser) ؛

سيعود البيان حقيقية إذا كان متصفحك يعمل على جهاز Apple ، فسيعود خاطئة.

متعلق ب: طرق مصفوفة جافا سكريبت يجب أن تتقنها اليوم

6. كيفية التحقق مما إذا كانت المصفوفة فارغة

المصفوفة فارغة إذا لم تكن بها عناصر. يمكنك التحقق مما إذا كانت المصفوفة فارغة باستخدام الكود التالي:

const checkEmptyArray = (arr) =>! Array.isArray (arr) || الطول 0
دع arr1 = [1، 2، 3، 4، 5] ؛
console.log (checkEmptyArray (arr1)) ،
اسمح لـ arr2 = [] ؛
console.log (checkEmptyArray (arr2)) ،
اسمح لـ arr3 = [""] ؛
console.log (checkEmptyArray (arr3)) ؛

انتاج |:

خاطئة
حقيقية
خاطئة

7. كيفية البحث عن قيم فريدة في مصفوفة

يزيل السطر المفرد التالي القيم المتكررة من المصفوفة ، تاركًا القيم التي تحدث مرة واحدة فقط.

const findUniquesInArray = (arr) => arr.filter ((i) => arr.indexOf (i) arr.lastIndexOf (i)) ؛
دع arr1 = [1، 2، 3، 4، 5، 1، 2، 3] ؛
console.log (findUniquesInArray (arr1)) ،
اسمح لـ arr2 = ['W'، 'E'، 'L'، 'C'، 'O'، 'M'، 'E'، 'T'، 'O'، 'M'، 'U'، 'O '] ؛
console.log (findUniquesInArray (arr2)) ،
دع arr3 = [5 ، 5 ، 5 ، 3 ، 3 ، 4 ، 5 ، 8 ، 2 ، 8] ؛
console.log (findUniquesInArray (arr3)) ،

انتاج |:

[ 4, 5 ]
['W'، 'L'، 'C'، 'T'، 'U']
[ 4, 2 ]

8. كيفية إنشاء لون عشري عشوائي

الألوان السداسية هي طريقة لتمثيل الألوان من خلال القيم السداسية العشرية. يتبعون الشكل #RRGGBB، أين RR أحمر، GG أخضر ، و BB أزرق. تقع قيم الألوان السداسية العشرية في النطاق من 00 إلى FF ، والتي تحدد شدة المكون. يمكنك إنشاء ألوان سداسية عشرية عشوائية باستخدام كود JavaScript التالي:

const randomHexColor = () => `# $ {Math.random (). toString (16) .slice (2، 8) .padEnd (6، '0')}` ؛
console.log (randomHexColor ()) ،

انتاج |:

# ff7ea1

في كل مرة تقوم فيها بتشغيل الكود ، ستحصل على لون سداسي عشري عشوائي.

9. كيفية تحويل الدرجات إلى الراديان والعكس بالعكس

الدرجات والراديان تمثل قياس الزاوية في الهندسة. يمكنك بسهولة تحويل الزاوية بالتقدير الدائري إلى درجات والعكس صحيح باستخدام الصيغ الرياضية التالية:

الراديان = الدرجات × π / 180
الدرجات = الراديان × 180 / π

تحويل الدرجات إلى راديان

يمكنك تحويل الزاوية بالدرجات إلى راديان باستخدام الكود التالي:

درجات ثابتةToRadians = (درجة) => (درجة * رياضيات. PI) / 180.0 ؛
دع temp1 = 360 ؛
console.log (degreesToRadians (temp1)) ؛
دع temp2 = 180 ؛
console.log (degreesToRadians (temp2)) ؛
اسمحوا temp3 = 120 ؛
console.log (degreesToRadians (temp3)) ،

انتاج |:

6.283185307179586
3.141592653589793
2.0943951023931953

تحويل الراديان إلى درجات

يمكنك تحويل الزاوية بالتقدير الدائري إلى درجات باستخدام الكود التالي:

const radiansToDegrees = (rad) => (rad * 180) / Math. PI ؛
دع temp1 = 6.283185307179586 ؛
console.log (radiansToDegrees (temp1)) ،
دع temp2 = 3.141592653589793 ؛
console.log (radiansToDegrees (temp2)) ،
اسمحوا temp3 = 2.0943951023931953 ؛
console.log (radiansToDegrees (temp3)) ،

انتاج |:

360
180
119.99999999999999

10. كيفية التحقق مما إذا كان الرمز يعمل في المستعرض

يمكنك التحقق مما إذا كانت التعليمات البرمجية الخاصة بك تعمل في متصفح باستخدام ما يلي:

const isRunningInBrowser = typeof window 'object' && typeof document 'object' ؛
console.log (isRunningInBrowser) ،

سيتم طباعة الكود أعلاه ، الذي يعمل في المتصفح حقيقية. يعمل عن طريق مترجم سطر الأوامر ، وسوف يطبع خاطئة.

11. كيفية إنشاء UUID عشوائي

يرمز UUID إلى المعرف الفريد عالميًا. إنها قيمة 128 بت تُستخدم لتعريف كائن أو كيان بشكل فريد على الإنترنت. استخدم الكود التالي لإنشاء UUID عشوائي:

const توليدRandomUUID = (أ) => (أ؟ (a ^ ((Math.random () * 16) >> (a / 4))). toString (16): ([1e7] + -1e3 + -4e3 + -8e3 + -1e11) .replace (/ [ 018] / g ، إنشاء RandomUUID)) ؛
console.log (createRandomUUID ()) ،

انتاج |:

209b53dd-91cf-45a6-99a7-554e786f87d3

في كل مرة تقوم فيها بتشغيل الكود ، فإنه يقوم بإنشاء UUID عشوائي.

إذا كنت تريد إلقاء نظرة على التعليمات البرمجية المصدر الكاملة المستخدمة في هذه المقالة ، فإليك ملف مستودع جيثب.

احصل على معرفة عملية بجافا سكريبت من خلال بناء المشاريع

أفضل طريقة لإتقان أي لغة برمجة هي بناء المشاريع. يمكنك استخدام الحيل المختصرة الموضحة في هذه المقالة أثناء تطوير مشاريع JavaScript. إذا كنت مبتدئًا وتبحث عن بعض أفكار المشاريع ، فابدأ ببناء مشروع بسيط مثل تطبيق To-Do أو آلة حاسبة على الويب أو امتداد متصفح.

10 أفكار لمشروع JavaScript للمبتدئين

JavaScript هي لغة برمجة أساسية للتعلم. إذا كنت جديدًا عليها ، فإليك بعض المشاريع التي تساعدك على زيادة معرفتك.

اقرأ التالي

نبذة عن الكاتب