Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript में filter() और includes() से ऐरे कैसे फिल्टर करें?

filter() और includes() का संयोजन ऐरे से अवांछित मानों को हटाने या विशिष्ट मानों को रखने का साफ तरीका है।

बुनियादी उदाहरण: विशिष्ट नामों को बाहर करें

const names = ['John', 'David', 'Mike', 'Sam', 'Carol', 'Bob'];

// बाहर करने योग्य नाम
const exclude = ['David', 'Mike', 'Sam', 'Carol'];

// filter + includes से फिल्टर करें
const filtered = names.filter(name => !exclude.includes(name));

console.log("मूल:", names);
console.log("फिल्टर्ड:", filtered);
// फिल्टर्ड: [ 'John', 'Bob' ]

विपरीत: केवल विशिष्ट नाम रखें

const keepOnly = ['John', 'Bob'];
const filtered = names.filter(name => keepOnly.includes(name));
console.log(filtered); // [ 'John', 'Bob' ]

ऑब्जेक्ट्स की ऐरे फिल्टर करें

const users = [
    { id: 1, name: 'John', role: 'admin' },
    { id: 2, name: 'David', role: 'user' },
    { id: 3, name: 'Mike', role: 'user' },
    { id: 4, name: 'Bob', role: 'admin' }
];

// केवल एडमिन रखें
const admins = users.filter(user => ['admin'].includes(user.role));
// या
const admins = users.filter(user => user.role === 'admin');

console.log(admins);

बहु-शर्त फिल्टरिंग

const products = [
    { name: 'Laptop', category: 'electronics', price: 50000 },
    { name: 'Shirt', category: 'clothing', price: 500 },
    { name: 'Phone', category: 'electronics', price: 30000 },
    { name: 'Book', category: 'education', price: 300 }
];

// इलेक्ट्रॉनिक्स AND 10000 से कम
const affordableElectronics = products.filter(p => 
    p.category === 'electronics' && p.price < 10000
);

// कपड़े OR शिक्षा
const clothingOrEducation = products.filter(p => 
    ['clothing', 'education'].includes(p.category)
);

प्रदर्शन टिप: Set उपयोग करें

// बड़े बहिष्करण सूची के लिए Set तेज़ है
const excludeSet = new Set(['David', 'Mike', 'Sam', 'Carol', ...manyMore]);

const filtered = names.filter(name => !excludeSet.has(name));
// O(1) लुकअप बनाम O(n) includes() के लिए

चलाने का तरीका

node filter-includes.js

आउटपुट

मूल: [ 'John', 'David', 'Mike', 'Sam', 'Carol', 'Bob' ]
फिल्टर्ड: [ 'John', 'Bob' ]

सारांश

स्थितिकोड पैटर्न
बहिष्कृत करें.filter(x => !exclude.includes(x))
केवल रखें.filter(x => keep.includes(x))
ऑब्जेक्ट प्रॉपर्टी.filter(obj => allowed.includes(obj.prop))
बड़ी सूचीconst set = new Set(list); .filter(x => !set.has(x))
  1. जावास्क्रिप्ट array.includes() फंक्शन जावास्क्रिप्ट array.includes() फंक्शन

    जावास्क्रिप्ट का array.includes() मेथड चेक करने के लिए उपयोग किया जाता है कि क्या एरे में एक निर्दिष्ट एलिमेंट है। सिंटैक्स इस प्रकार है: array.includes(element, fromIndex) ऊपर, पैरामीटर element खोजने के लिए एलिमेंट है। fromIndex पैरामीटर वह पोजीशन है जहां से खोज शुरू करनी है। उदाहरण 1 <!DOCTY

  1. JavaScript Array.includes(): एरे में तत्व खोजें JavaScript Array.includes(): एरे में तत्व खोजें

    Array.includes() मेथड जांचता है कि कोई एरे दिए गए तत्व को शामिल करता है या नहीं, और true या false लौटाता है। यह indexOf() !== -1 से अधिक पठनीय है। उदाहरण { fillEle.innerHTML = शेर एरे में मौजूद है: + arr.includes(शेर); }); </script> </body> </html> आउटपुट क्लिक क

  1. JavaScript में Array.prototype.includes() मेथड JavaScript में Array.prototype.includes() मेथड

    JavaScript Array.prototype.includes() मेथड का उपयोग यह जांचने के लिए किया जाता है कि कोई ऐरे दिए गए एलिमेंट को शामिल करता है या नहीं। उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="w