الرئيسية المنتدى مركز رفع الصور صفحتنا على الفيس قناة اليوتيوب صفحتنا على تويتر واتس اب قوانين المنتدى
منتدى مجمع التطوير    

العودة   منتدى مجمع التطوير > المنتدى المتخصص > لغـات البرمجـة والمشـاريع الجـاهزة > برمجة الويب web development

الملاحظات

برمجة الويب web development يهتم ببرامج الويب php, Sql, Java ,asp.net ,xml ,html

آخر 10 مشاركات مواقع للحصول على باك لينكس عالية (الكاتـب : admin - آخر مشاركة : سنبول - مشاركات : 1 - المشاهدات : 1161 - الوقت: 10:19 PM - التاريخ: 09-23-2021)           »          التقليد المذموم (الكاتـب : admin - مشاركات : 0 - المشاهدات : 297 - الوقت: 06:44 PM - التاريخ: 09-06-2021)           »          الخداع (الكاتـب : admin - مشاركات : 0 - المشاهدات : 215 - الوقت: 06:43 PM - التاريخ: 09-06-2021)           »          إعلانات شركة Admaven (الكاتـب : سنبول - مشاركات : 0 - المشاهدات : 351 - الوقت: 04:20 PM - التاريخ: 08-26-2021)           »          جدار روحك يريد أن ينقض (الكاتـب : admin - مشاركات : 0 - المشاهدات : 384 - الوقت: 11:27 PM - التاريخ: 08-23-2021)           »          سعر الذهب في مصر وعالميا صباح اليوم الخميس 12 أغسطس 2021 (الكاتـب : admin - مشاركات : 0 - المشاهدات : 377 - الوقت: 02:58 PM - التاريخ: 08-12-2021)           »          تأملت والدنيا (الكاتـب : admin - مشاركات : 0 - المشاهدات : 433 - الوقت: 10:54 PM - التاريخ: 08-03-2021)           »          وكن راضيا (الكاتـب : admin - مشاركات : 0 - المشاهدات : 413 - الوقت: 10:54 PM - التاريخ: 08-03-2021)           »          طوبا لمن عاش في هذه الدنيا غريبا (الكاتـب : admin - مشاركات : 0 - المشاهدات : 426 - الوقت: 10:53 PM - التاريخ: 08-03-2021)           »          لا تشكُ للناسِ (الكاتـب : admin - مشاركات : 0 - المشاهدات : 435 - الوقت: 10:52 PM - التاريخ: 08-03-2021)

إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 05-28-2021, 03:08 AM
الصورة الرمزية الادارة كريم
الادارة كريم 
مشرف سابق
 
تاريخ التسجيل: May 2021
الدولة: مصر
المشاركات: 397
معدل تقييم المستوى: 22
الادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to behold


افتراضي التعامل مع arrays و objects في جافاسكربت باستخدام collect.js

 



نبذة

هل سبق واستخدمت Laravel Collections للتعامل مع المصفوفات Arrays اذا انت تعرف مدى روعتها وتبسيطها التعامل مع المصفوفات حيث ان collect.js تعتبر تحويل لنفس الادوات والطرق لمطوري جافاسكربت JavaScript لتبسيط التعامل مع المصفوفات Arrays والكائنات Objects المميز في collect.js انها لاتعتمد على اي مكتبات أخرى لتعمل Dependency Free في هذا المقال راح نشرح طريقة التثبيت وطريقة استخدام بعض الطرق Methods للتعامل مع المصفوفات او الكائنات ونضع روابط بقية الطرق Methods في صفحة collect.js في موقع GitHub لمشاهدة بقية الأمثلة
التثبيت

تستطيع تثبيت collect.js باستخدام احد هذه الطرق اختر المناسب لك ولمشروعك.
1- تستطيع تثبيت collect.js باستخدام NPM
npm install collect.js --save 2- باستخدام Yarn
yarn add collect.js 3- باستخدام رابط CDN

  • قم بزيارة هذه الصفحة collect.js CDN
  • قم بتحديد النسخة ومزود CDN ثم انسخ الرابط المناسب لك سواء رابط النسخه العادية او النسخة المضغوطه
  • اضف الرابط داخل وسم <script> داخل كود HTML لديك
مثال لكود html يستخدم رابط CDN
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Collect.js</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/collect.js/4.0.13/collect.js"></script> </head> <body> </body> </html> 4- بتحميل ملف collect.js من صفحة GitHub
  • قم بزيارة هذه الصفحة collect.js Build
  • قم بتحميل الملف المناسب لك سواء النسخه الكامله او المضغوطه
  • قم باضافة الملف لمجلدات مشروعك واضف رابط الملف داخل وسم <script> داخل كود HTML لديك
مثال لكود HTML برابط مباشر للملف (ملاحظة: يجب ان تنسخ ملف collect.js داخل مجلد باسم js وبنفس الاسم ليعمل المثال لديك)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Collect.js</title> <script src="/js/collect.js"></script> </head> <body> </body> </html> الإستخدام

راح نضع امثلة لبعض الطرق Methods التي توفرها collect.js للتعامل مع المصفوفات والكائنات في جافاسكربت في امثلتنا راح نستخدم الدالة collect لانشاء كائن من كلاس Collection راح يعطيك العديد من الطرق Methods للتعامل مع البيانات المدخله سواء كانت مصفوفة Array او كائن Object
1- all
وظيفة all تقوم بارجاع جميع عناصر Collection كمصفوفة
مثال:
collect([1, 2, 3]).all(); //=> [1, 2, 3] 2- average
هذا مسمى آخر لـ avg وله نفس الوظيفة
3- avg
وظيفة avg تقوم بارجاع متوسط جميع عناصر Collection
مثال:
collect([1, 3, 3, 7]).avg(); //=> 3.5 اذا كان لديك مصفوفة متشعبة nested arrays او كائن يجب ان تحدد المفتاح key المراد تنفيذ عملية حساب المتوسط عليه
مثال:
const collection = collect([{ name: 'JavaScript: The Good Parts', pages: 176 }, { name: 'JavaScript: The Definitive Guide', pages: 1096 }]); collection.avg('pages'); //=> 636 4- chunk
وظيفة chunk تقوم بتقسيم Collection الى عدة مجموعات Collections اصغر بناء على الحجم المدخل
مثال:
const collection = collect([1, 2, 3, 4, 5, 6, 7]); const chunks = collection.chunk(4); chunks.all(); //=> [[1, 2, 3, 4], [5, 6, 7]] 5- collapse
وظيفة collapse تحويل جميع المصفوفات المدخله الى Collection مستوى واحد single, flat collection
مثال:
const collection = collect([[1, 2, 3], [4, 5, 6], [7, 8, 9]]); const collapsed = collection.collapse(); collapsed.all(); //=> [1, 2, 3, 4, 5, 6, 7, 8, 9] 6- combine
وظيفة combine هي دمج مجموعتين بحيث تستخدم اول مجموعة Collection كمفاتيح وثاني مجموعة Collection كقيم لها
مثال:
const collection = collect(['name', 'number']); const combine = collection.combine(['Steven Gerrard', 8]); combine.all(); //=> { //=> name: 'Steven Gerrard', //=> number: 8 //=> } 7- concat
وظيفة concat هي دمج أكثر من مصفوفة او كائن او Collection
مثال:
const collection = collect([1, 2, 3]); collection .concat(['a', 'b', 'c']) .concat({ name: 'Steven Gerrard', number: 8 }); collection.all(); //=> [1, 2, 3, 'a', 'b', 'c', 'Steven Gerrard', 8] 8- contains
وظيفة contains هي التحقق اذا كان Collection يحتوي على عنصر محدد
مثال:
const collection = collect({ name: 'Steven Gerrard', number: 8 }); collection.contains('name'); //=> true collection.contains('age'); //=> false مثال آخر على مصفوفة:
const collection = collect([1, 2, 3]); collection.contains(3); //=> true 9- diff
وظيفة diff المقارنة بين مصفوفتين او مجموعتين Collections مثال عند المقارنة بين Collection A مع Collection B راح يرجع لنا عناصر Collection A الغير موجودة في Collection B
مثال:
const collection = collect([1, 2, 3, 4, 5]); const diff = collection.diff([1, 2, 3, 9]); diff.all(); //=> [4, 5] 10- each
وظيفة each المرور على جميع عناصر المجموعة Collection وتمرير كل عنصر في المجموعة على Callback
مثال:
let sum = 0; const collection = collect([1, 3, 3, 7]); collection.each((item) => { sum += item; }); //=> console.log(sum); //=> 14 11- every
وظيفة every هي التحقق من جميع عناصر المجموعة Collection انهم يتخطون تحقق شرطي تحدده
مثال:
collect([1, 2, 3, 4]).every((value, key) => value > 2); //=> false 12- except
وظيفة except هي ارجاع جميع عناصر المجموعة ماعدى بعض المفاتيح Keys التي تحددها ليتم تجاهلها
مثال:
const collection = collect({ product_id: 1, price: 100, discount: false, }); const filtered = collection.except(['price', 'discount']); filtered.all(); //=> { product_id: 1 } مثال آخر:
collect([1, 2, 3, 4]).except([2, 12]).all(); //=> [1, 3, 4] عكس وظيفة except تستطيع استخدام only بحيث سوف تقوم بإرجاع عناصر المجموعة التي تحدد مفاتيحها
13- filter
وظيفة filter هي المرور على جميع عناصر المجموعة Collection وتمرير جميع العناصر على Callback وابقاء العناصر التي تتجاوز شرط التحقق فقط وحذف البقية
مثال:
const collection = collect([1, 2, 3, 4]); const filtered = collection.filter((value, key) => value > 2); filtered.all(); //=> [3, 4] عند عدم تحديد Callback سوف يتم حذف اي عنصر يساوي false
مثال:
const collection = collect([0, 1, 2, null, 3, 4, undefined, 5, 6, 7, [], 8, 9, {}, 10]); const filtered = collection.filter(); filtered.all(); //=> [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] عكس وظيفة filter تستطيع استخدام reject حيث انك سوف تحدد شرط التحقق لحذف العناصر وابقاء بقية العناصر
14- first
وظيفة first هي الحصول على اول عنصر في المجموعة يتجاوز شرط التحقق باستخدام Callback
مثال:
collect([1, 2, 3, 4]).first(item => item > 1); //=> 2 وتستطيع الحصول على اول عنصر في المجموعة بدون تحديد Callback
مثال:
collect([1, 2, 3, 4]).first(); //=> 1 15- firstWhere
وظيفة firstWhere تبحث داخل المجموعة Collection وتقوم بارجاع اول عنصر في المجموعة باستخدام مفتاح و قيمة تحددها لعملية البحث
مثال:
const collection = collect([ {name: 'Regena', age: 12}, {name: 'Linda', age: 14}, {name: 'Diego', age: 23}, {name: 'Linda', age: 84}, ]); collection.firstWhere('name', 'Linda'); //=> { name: 'Linda', age: 14 } الختام

هنا قائمة بكل الطرق Methods في collect.js على موقع GitHub يوجد شرح ومثال لكل Method


الموضوع الأصلي : التعامل مع arrays و objects في جافاسكربت باستخدام collect.js || الكاتب : الادارة كريم || المصدر : منتدى مجمع التطوير

 

رد مع اقتباس
قديم 05-28-2021, 03:10 AM   #2
admin
✯ ادارة المنتدى ✯
 
الصورة الرمزية admin
 
تاريخ التسجيل: Mar 2021
الدولة: مصر
المشاركات: 733
معدل تقييم المستوى: 10
admin is a splendid one to beholdadmin is a splendid one to beholdadmin is a splendid one to beholdadmin is a splendid one to beholdadmin is a splendid one to beholdadmin is a splendid one to behold


افتراضي

لنا الشرف في الرد على مثل هذه المواضيع
واصل التميز يا غالى

admin غير متواجد حالياً
 
رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
arrays, objects

أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[شرح] المصفوفات في بي اتش بي PHP Arrays الادارة كريم برمجة الويب web development 0 05-28-2021 03:04 AM
[قالب] استايل سكربت كليجا الخاص بمعهد مطور admin المجـلات والبوابات الرئيسـية للمواقـع 0 05-17-2021 05:46 PM
[ملف Psd] سكرابز وخلفيات تعاليق نور وحبال لمض واضواء عاليه الجوده للفوتوشوب png , jpg admin التصـامـيم وإبداعــات الأعــضاء 1 04-20-2021 09:44 PM
[ملف Psd] سكرابز تعاليق نور وحبال لمض واضواء عاليه الجوده للفوتوشوب png admin التصـامـيم وإبداعــات الأعــضاء 0 04-19-2021 06:22 AM
[Javascript] لغة جافا سكريبت Javascript (تعريف) admin برمجة الويب web development 0 03-31-2021 07:18 PM

 

موقع ومنتديات مجمع التطوير موقع يختص بالبرمجة والبرامج المساعدة  للتصاميم والأدوات المساعدة ,مع تقديم العون والمساعدة لكل مبرمج من خلال الأقسام المحددة , كما نعرض الأعمال الجاهزة والمفتوحة المصدر. ويهتم أيضا بالتصاميم والجرافيك وبرامجها وعرض التصاميم وملحقات التصاميم والأدوات المساعدة .كما نتمنى التوفيق لنا ولكم مع أجمل تحية مقدمة منا. 

  • الرئــيســية

  • الــمنــتـدى

  • مركز الرفع

  • التسـجـيل

  • قوانين المنتدى

  • التعـلـيمـات

  • الترقيات

check pagerank

 Flag Counter

كلمة الإدارة  منتدى مجمع التطوير غير مسئول عن أي طرح من الأعضاء فتلك الموضوعات تعبر عن رأى صاحبها ومن خلال وضع قوانين وتعليمات المشاركة بالمنتدى نسعى جاهدين لتطبيق تلك التعليمات. والمنتدى أيضا غير مسئول عن أي اتفاق مالي أو تجارى بين الأعضاء وبذلك تعد هذه الصيغة إخلاء مسئولية من جانب إدارة المنتدى وفقنا ووفقكم الله لما فيه الخير
 
الساعة الآن 01:49 PM


Powered by vBulletin® Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.
جميع الحقوق محفوظة لمجمع التطوير