⭐ أهم لينك لتعلم الجافا سكريبت
الـ Method هى عبارة عن function تقوم بتنفيذ مجموعة من الأوامر
Methods are build-in functions in javascript
Array.from(variable اسم الـ )وهى تُستخدم لتحويل مجموعة من العناصر الى Array
ويجب ان تكون هذه العناصر لها خاصية الـ length
مثال على لك:
const website="courses4arab.com"
const newArr=Array.from(website )
console.log(newArr)
مثال على ذلك:
قُم بتحويل الـ HTMLCollection الى Array
| الوقت | الشرح |
|---|---|
| 00:00 | javascript Array method & properties |
| 02:30 | javascript Array.from |
| 06:28 | تحويل الداتا الى Array |
array.forEach( (item)=> { } )وهى تُستخدم لتنفيذ مجموعة من الأكواد على كل عنصر من عناصر الـ array
ويجب وضع parameter لل function
⚠ وهنا الـ parameter يُمثل كل عنصر من عناصر الـ Array
مثال على ذلك:
const courses=["HTML", "CSS", "JavaScript" ]
courses.forEach( (item)=> {
console.log(item)
} )
⚠ الـ ( ) forEach سيتم استخدامها كثيرا عند احضار عناصر الـ HTML الى ملف الجافا سكريبت ولكن سنواجه مشاكل عند احضار عناصر الـ HTML عن طريق:
document.getElementsByClassName()document.getElementsByTagName()والسؤال المهم جدا جدا هو كيف سنقوم بتحويل الـ HTMLCollection الى Array ؟؟
| الوقت | الشرح |
|---|---|
| 00:00 | javascript Array forEach |
| 01:40 | javascript Array.from |
| 02:50 | javascript array.forEach() |
| 05:20 | كل عنصر من عناصر ال Array |
| 08:05 | forEach item |
| 08:45 | اختصارات جافا سكريبت |
| 10:10 | javascript Arrow function trick |
| 13:29 | javascript Task 1 |
| 14:08 | javascript Task 2 |
document.querySelectorAll() 👉 NodeList⚠ الــ NodeList تُعامل مُعاملة الـ Array ولا تحتاج الى تحويلها الى Array
| الوقت | الشرح |
|---|---|
| 00:00 | javascript queryselector |
| 03:35 | javascript queryselectorall |
| 04:10 | nodelist is array |
| 05:00 | مراجعة اكواد الجافا سكريبت |
ياريت تقفله لوسمحت 😊 😊
تنبيه هام ✋
إذا كانت الإعلانات مزعجة بالنسبة لك، فيُمكنك التبرع ب50$ وسيتم إيقاف الإعلانات لمدة شهر لجميع زوار الموقع 🧡 ويُمكنك التواصل معنا عن طريق صفحة الفيس بوك