كيفية إزالة عناصر مصفوفة باستخدام jQuery

لحذف الكائنات من مصفوفة الكائنات ObjectArray التي تحتوي على قيم متسلسلة في مصفوفة بسيطة SimpleArray، يمكنك استخدام jQuery لتحقيق ذلك. يمكن القيام بذلك عن طريق تكرار ObjectArray وفحص إذا كانت قيمة id موجودة في SimpleArray، ثم حذف العنصر إذا كانت القيمة موجودة.

إليك كيفية تنفيذ ذلك باستخدام jQuery:

javascriptCopy code
// مصفوفة الكائنات
var ObjectArray = [
    {id: 1, name: 'charles'},
    {id: 2, name: 'john'},
    {id: 3, name: 'alen'},
    {id: 4, name: 'jack'}
];

// مصفوفة بسيطة
var SimpleArray = [2, 3];

// حلق عبر مصفوفة الكائنات وقم بإزالة الكائنات التي تحتوي على قيم موجودة في مصفوفة الأرقام البسيطة
ObjectArray = $.grep(ObjectArray, function(obj) {
    return $.inArray(obj.id, SimpleArray) === -1;
});

// اطبع النتيجة للتحقق
console.log(ObjectArray);

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

بالتأكيد! في هذا السياق، يمكن أن نستفيد من ميزة “فلترة” التي تقدمها jQuery لتنفيذ هذه العملية بشكل أكثر إتقانًا. الفكرة الأساسية هي استخدام دالة filter() للحصول على مجموعة جديدة من العناصر التي لا تطابق الشرط المحدد.

تفضل الكود:

javascriptCopy code
// مصفوفة الكائنات
var ObjectArray = [
    {id: 1, name: 'charles'},
    {id: 2, name: 'john'},
    {id: 3, name: 'alen'},
    {id: 4, name: 'jack'}
];

// مصفوفة بسيطة
var SimpleArray = [2, 3];

// استخدام دالة filter() لفلترة الكائنات التي تحتوي على قيم موجودة في مصفوفة الأرقام البسيطة
ObjectArray = ObjectArray.filter(function(obj) {
    return SimpleArray.indexOf(obj.id) === -1;
});

// اطبع النتيجة للتحقق
console.log(ObjectArray);

هذا الكود ينشئ مصفوفة جديدة ObjectArray تحتوي على العناصر التي لا تحتوي على قيم موجودة في SimpleArray.