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

JavaScript में ऑब्जेक्ट प्रॉपर्टी के आधार पर ग्रुपिंग


हमारे पास ऑब्जेक्ट्स का एक ऐरे है जिसमें कुछ कारों के बारे में डेटा है। ऐरे निम्नानुसार दिया गया है:

const cars = [
  { company: 'Honda', type: 'SUV' },
  { company: 'Hyundai', type: 'Sedan' },
  { company: 'Suzuki', type: 'Sedan' },
  { company: 'Audi', type: 'Coupe' },
  { company: 'Tata', type: 'SUV' },
  { company: 'Morris Garage', type: 'Hatchback' },
  { company: 'Honda', type: 'SUV' },
  { company: 'Tata', type: 'Sedan' },
  { company: 'Honda', type: 'Hatchback' }
];

हमें एक प्रोग्राम लिखना आवश्यक है जो ऑब्जेक्ट्स को एक साथ ग्रुप करे ताकि type प्रॉपर्टी के लिए समान मान वाले सभी ऑब्जेक्ट्स एक साथ दिखाई दें।

हम बस type प्रॉपर्टी के अनुसार ऐरे को सॉर्ट करेंगे ताकि ऑब्जेक्ट्स type प्रॉपर्टी के वर्णानुक्रम में संरेखित हो जाएं।

इसे करने का पूरा कोड होगा:

उदाहरण

const cars = [
  { company: 'Honda', type: 'SUV' },
  { company: 'Hyundai', type: 'Sedan' },
  { company: 'Suzuki', type: 'Sedan' },
  { company: 'Audi', type: 'Coupe' },
  { company: 'Tata', type: 'SUV' },
  { company: 'Morris Garage', type: 'Hatchback' },
  { company: 'Honda', type: 'SUV' },
  { company: 'Tata', type: 'Sedan' },
  { company: 'Honda', type: 'Hatchback' }
];
const sorter = (a, b) => {
  return a.type.toLowerCase() > b.type.toLowerCase() ? 1 : -1;
}
cars.sort(sorter);
console.log(cars);

आउटपुट

कंसोल में आउटपुट होगा:

[
  { company: 'Audi', type: 'Coupe' },
  { company: 'Honda', type: 'Hatchback' },
  { company: 'Morris Garage', type: 'Hatchback' },
  { company: 'Tata', type: 'Sedan' },
  { company: 'Suzuki', type: 'Sedan' },
  { company: 'Hyundai', type: 'Sedan' },
  { company: 'Honda', type: 'SUV' },
  { company: 'Tata', type: 'SUV' },
  { company: 'Honda', type: 'SUV' }
]

  1. जावास्क्रिप्ट में ऑब्जेक्ट्स के ऐरे की प्रॉपर्टी नाम बदलना जावास्क्रिप्ट में ऑब्जेक्ट्स के ऐरे की प्रॉपर्टी नाम बदलना

    जावास्क्रिप्ट में ऑब्जेक्ट्स के ऐरे की प्रॉपर्टी नाम बदलने का कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Document</title> <style>

  1. जावास्क्रिप्ट में image() ऑब्जेक्ट जावास्क्रिप्ट में image() ऑब्जेक्ट

    image ऑब्जेक्ट HTML  एलिमेंट को दर्शाता है। जावास्क्रिप्ट में image ऑब्जेक्ट के लिए निम्नलिखित कोड है: उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initia

  1. HTML DOM Object type प्रॉपर्टी HTML DOM Object type प्रॉपर्टी

    HTML DOM Object type प्रॉपर्टी किसी ऑब्जेक्ट के type एट्रिब्यूट का मान सेट या रिटर्न करने के लिए उपयोग की जाती है। हालांकि, type एट्रिब्यूट ऑब्जेक्ट की तरह मीडिया प्रकार सेट करने के लिए उपयोग किया जाता है।type प्रॉपर्टी सेट करने का सिंटैक्स −obj.type = type_of_mediaऊपर, type_of_media मानक मीडि