تم إنشاء c4a.dev لمساعدتك على التركيز أثناء مُشاهدة الكورسات والإبتعاد عن إزعاج اليوتيوب (تعلم بروقااان👌)
كيفية الشراء من الموقع

منطقة إعلانية

يُمكننا وضع إعلانك هنا 🧡 ويُمكنك التواصل معنا عن طريق صفحة الفيس بوك

سعر الإعلان 3$ فى اليوم الواحد

أهم لينك لتعلم الجافا سكريبت

JavaScript Array Methods

الـ Method هى عبارة عن function تقوم بتنفيذ مجموعة من الأوامر

Methods are build-in functions in javascript

JavaScript Array from( ) Method

1 Array.from(variable اسم الـ )

وهى تُستخدم لتحويل مجموعة من العناصر الى Array
ويجب ان تكون هذه العناصر لها خاصية الـ length
مثال على لك:

const website="courses4arab.com"

const newArr=Array.from(website )
console.log(newArr)

مثال على ذلك:
قُم بتحويل الـ HTMLCollection الى Array

How to get HTML Elements using javascript?

  1. document.getElementById() 👉 العنصر نفسه
  2. document.getElementsByClassName() 👉 HTMLCollection
  3. document.getElementsByTagName() 👉 HTMLCollection
  4. document.querySelector() 👉 العنصر نفسه
  5. document.querySelectorAll() 👉 ????????

#14 javascript Array.from

فى هذا الفيديو تم شرح
الوقتالشرح
00:00javascript Array method & properties
02:30javascript Array.from
06:28تحويل الداتا الى Array

JavaScript Array forEach( ) Method

2 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()
ما هى المشاكل ؟؟
المشاكل هى عند احضار عناصر الـ HTML سوف تكون عبارة عن HTMLCollection وليس Array وبالتالى لا يُمكن تطبيق الــ forEach عليها

والسؤال المهم جدا جدا هو كيف سنقوم بتحويل الـ HTMLCollection الى Array ؟؟



انا مش هجاوب لان انت المفروض تكون عارف 😂
ولو مش عارف هقولك فى الفيديو الخاص بهذا الدرس

#14.1 javascript Array forEach

فى هذا الفيديو تم شرح
الوقتالشرح
00:00javascript Array forEach
01:40javascript Array.from
02:50javascript array.forEach()
05:20كل عنصر من عناصر ال Array
08:05forEach item
08:45اختصارات جافا سكريبت
10:10javascript Arrow function trick
13:29javascript Task 1
14:08javascript Task 2

querySelectorAll

document.querySelectorAll() 👉 NodeList

الــ NodeList تُعامل مُعاملة الـ Array ولا تحتاج الى تحويلها الى Array

#14.2 javascript queryselectorall

فى هذا الفيديو تم شرح
الوقتالشرح
00:00javascript queryselector
03:35javascript queryselectorall
04:10nodelist is array
05:00مراجعة اكواد الجافا سكريبت
😡
انت مشغل الـ AdBlock !!

يعنى انت مش مُنتسب فى القناة ولا مُشترك فى كورس يوديمى وكمان مشغل الأدبلوك فى الموقع !! 😢