•عام واحد
استكشاف أساليب JavaScript الأساسية للمصفوفات: map، filter، والمزيد
طرق جافا سكريبت: فهم map() ، filter() ، والمزيد جافا سكريبت توفر عدة طرق قوية لتلاعب الصفائف والكائنات، مما يجعل من الأسهل تنفيذ عمليات معقدة بطريقة موجزة وقابلة للقراءة. فيما يلي نظرة على بعض الطرق الأساسية مثل map()، filter() ، وغيرها. 1. map() ينشئ طريق map() مصفوفة جديدة معبأة بنتائج استدعاء وظيفة مقدمة على كل عنصر في المصفوفة المستدعية. مثال:const numbers = [1, 2, 3, 4]; const doubled = numbers.map(num => num * 2); console.log(doubled); // [2, 4, 6, 8] 2. filter() ينشئ طريق filter() مصفوفة جديدة تحتوي على جميع العناصر التي تجتاز الاختبار المنفذ من خلال الوظيفة المقدمة. مثال:const numbers = [1, 2, 3, 4]; const evens = numbers.filter(num => num % 2 === 0); console.log(evens); // [2, 4] 3. reduce() ينفذ طريق reduce() وظيفة مقلص (تقدمها أنت) على كل عنصر من المصفوفة، مما يؤدي إلى قيمة ناتجة واحدة. مثال:const numbers = [1, 2, 3, 4]; const sum = numbers.reduce((acc, curr) => acc + curr, 0); console.log(sum); // 10 4. forEach() ينفذ طريق forEach() وظيفة مقدمة مرة واحدة لكل عنصر في المصفوفة. مثال:const numbers = [1, 2, 3, 4]; numbers.forEach(num => console.log(num)); // المخرجات: 1 2 3 4 5. find() يعيد طريق find() قيمة العنصر الأول في المصفوفة الذي يفي بوظيفة الاختبار المقدمة. في حالة عدم تحقيق الشرط، يعيد قيمة غير معرف. مثال:const numbers = [1, 2, 3, 4]; const found = numbers.find(num => num > 2); console.log(found); // 3 6. some() يختبر طريق some() ما إذا كان عنصر واحد على الأقل في المصفوفة يجتاز الاختبار المنفذ من خلال الوظيفة المقدمة. يعيد قيمة بوليانية. مثال:const numbers = [1, 2, 3, 4]; const hasEven = numbers.some(num => num % 2 === 0); console.log(hasEven); // true 7. every() يختبر طريق every() ما إذا كانت جميع العناصر في المصفوفة تجتاز الاختبار المنفذ من خلال الوظيفة المقدمة. يعيد قيمة بوليانية. مثال:const numbers = [1, 2, 3, 4]; const allEven = numbers.every(num => num % 2 === 0); console.log(allEven); // false 8. sort() يفرز طريق sort() عناصر المصفوفة في المكان ويعيد المصفوفة المرتبة. ترتيب الفرز الافتراضي هو وفقا لنقاط التعريف اليونيكود للسلاسل. مثال:const numbers = [4, 2, 3, 1]; numbers.sort(); console.log(numbers); // [1, 2, 3, 4] 9. concat() يستخدم طريق concat() لدمج مصفوفتين أو أكثر. هذا الطريق لا يغير المصفوفات الحالية، وإنما يعيد مصفوفة جديدة. مثال:const array1 = [1, 2]; const array2 = [3, 4]; const mergedArray = array1.concat(array2); console.log(mergedArray); // [1, 2, 3, 4] 10. includes() يحدد طريق includes() ما إذا كانت المصفوفة تتضمن قيمة معينة بين مداخلها، ويعيد true أو false حسب الاقتضاء. مثال:const numbers = [1, 2, 3, 4]; const includesThree = numbers.includes(3); console.log(includesThree); // true فهم واستخدام هذه الطرق يمكن أن يعزز بشكل كبير قدرتك على كتابة رمز جافا سكريبت فعال وقابل للقراءة. هذه الطرق هي جزء من المعيار ECMAScript، مما يضمن دعمًا واسعًا عبر المتصفحات والبيئات الحديثة.
طرق جافا سكريبت: فهم map() ، filter() ، والمزيد جافا سكريبت توفر عدة طرق قوية لتلاعب الصفائف والكائنات، مما يجعل من الأسهل تنفيذ عمليات معقدة بطريقة موجزة وقابلة للقراءة. فيما يلي نظرة على بعض الطرق الأساسية مثل map()، filter() ، وغيرها. 1. map() ينشئ طريق map() مصفوفة جديدة معبأة بنتائج استدعاء وظيفة مقدمة على كل عنصر في المصفوفة المستدعية. مثال:const numbers = [1, 2, 3, 4]; const doubled = numbers.map(num => num * 2); console.log(doubled); // [2, 4, 6, 8] 2. filter() ينشئ طريق filter() مصفوفة جديدة تحتوي على جميع العناصر التي تجتاز الاختبار المنفذ من خلال الوظيفة المقدمة. مثال:const numbers = [1, 2, 3, 4]; const evens = numbers.filter(num => num % 2 === 0); console.log(evens); // [2, 4] 3. reduce() ينفذ طريق reduce() وظيفة مقلص (تقدمها أنت) على كل عنصر من المصفوفة، مما يؤدي إلى قيمة ناتجة واحدة. مثال:const numbers = [1, 2, 3, 4]; const sum = numbers.reduce((acc, curr) => acc + curr, 0); console.log(sum); // 10 4. forEach() ينفذ طريق forEach() وظيفة مقدمة مرة واحدة لكل عنصر في المصفوفة. مثال:const numbers = [1, 2, 3, 4]; numbers.forEach(num => console.log(num)); // المخرجات: 1 2 3 4 5. find() يعيد طريق find() قيمة العنصر الأول في المصفوفة الذي يفي بوظيفة الاختبار المقدمة. في حالة عدم تحقيق الشرط، يعيد قيمة غير معرف. مثال:const numbers = [1, 2, 3, 4]; const found = numbers.find(num => num > 2); console.log(found); // 3 6. some() يختبر طريق some() ما إذا كان عنصر واحد على الأقل في المصفوفة يجتاز الاختبار المنفذ من خلال الوظيفة المقدمة. يعيد قيمة بوليانية. مثال:const numbers = [1, 2, 3, 4]; const hasEven = numbers.some(num => num % 2 === 0); console.log(hasEven); // true 7. every() يختبر طريق every() ما إذا كانت جميع العناصر في المصفوفة تجتاز الاختبار المنفذ من خلال الوظيفة المقدمة. يعيد قيمة بوليانية. مثال:const numbers = [1, 2, 3, 4]; const allEven = numbers.every(num => num % 2 === 0); console.log(allEven); // false 8. sort() يفرز طريق sort() عناصر المصفوفة في المكان ويعيد المصفوفة المرتبة. ترتيب الفرز الافتراضي هو وفقا لنقاط التعريف اليونيكود للسلاسل. مثال:const numbers = [4, 2, 3, 1]; numbers.sort(); console.log(numbers); // [1, 2, 3, 4] 9. concat() يستخدم طريق concat() لدمج مصفوفتين أو أكثر. هذا الطريق لا يغير المصفوفات الحالية، وإنما يعيد مصفوفة جديدة. مثال:const array1 = [1, 2]; const array2 = [3, 4]; const mergedArray = array1.concat(array2); console.log(mergedArray); // [1, 2, 3, 4] 10. includes() يحدد طريق includes() ما إذا كانت المصفوفة تتضمن قيمة معينة بين مداخلها، ويعيد true أو false حسب الاقتضاء. مثال:const numbers = [1, 2, 3, 4]; const includesThree = numbers.includes(3); console.log(includesThree); // true فهم واستخدام هذه الطرق يمكن أن يعزز بشكل كبير قدرتك على كتابة رمز جافا سكريبت فعال وقابل للقراءة. هذه الطرق هي جزء من المعيار ECMAScript، مما يضمن دعمًا واسعًا عبر المتصفحات والبيئات الحديثة.
Show original content
usersUpvoted
answersCount