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

JavaScript में ऑब्जेक्ट्स की सरणी को ID के आधार पर कैसे ग्रुप करें?


JavaScript में ऑब्जेक्ट्स की सरणी को ID के आधार पर ग्रुप करने का निम्नलिखित कोड है:

उदाहरण

<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Group Array by ID</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: rebeccapurple; } </style> </head> <body> <h1>JavaScript में ऑब्जेक्ट्स की सरणी को ID के आधार पर ग्रुप करें</h1> <div class="result"> { name: 'रोहन', age: 18 }, { name: 'मोहन', age: 20 }, { name: 'शॉन', age: 18 }, { name: 'माइकल', age: 18 }, { name: 'डेविड', age: 20 } </div> <button class="Btn">यहाँ क्लिक करें</button> <h3> लोगों की उम्र के आधार पर उपरोक्त ऑब्जेक्ट को सॉर्ट करने के लिए ऊपर दिए गए बटन पर क्लिक करें </h3> <script> let resEle = document.querySelector(".result"); let sampleEle = document.querySelector(".sample"); let BtnEle = document.querySelector(".Btn"); const people = [ { name: "रोहन", age: 18 }, { name: "मोहन", age: 20 }, { name: "शॉन", age: 18 }, { name: "माइकल", age: 18 }, { name: "डेविड", age: 20 }, ]; let groupBy = (array, key) => { return array.reduce((result, obj) => { (result[obj[key]] = result[obj[key]] || []).push(obj); return result; }, {}); }; let a = groupBy(people, "age"); BtnEle.addEventListener("click", () => { console.log(a); }); </script> </body> </html>

आउटपुट

उपरोक्त कोड निम्नलिखित आउटपुट देगा:

JavaScript में ऑब्जेक्ट्स की सरणी को ID के आधार पर कैसे ग्रुप करें?

'यहाँ क्लिक करें' बटन पर क्लिक करके कंसोल में आउटपुट चेक करने पर:

JavaScript में ऑब्जेक्ट्स की सरणी को ID के आधार पर कैसे ग्रुप करें?


  1. JavaScript में ऐरे ऑब्जेक्ट की लंबाई JavaScript में ऐरे ऑब्जेक्ट की लंबाई

    JavaScript में Length प्रॉपर्टी ऑब्जेक्ट का आकार लौटाती है। स्ट्रिंग और ऐरे ऑब्जेक्ट की लंबाई के लिए कोड निम्न है -उदाहरण<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, i

  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> <s

  1. जावास्क्रिप्ट में वैल्यू के आधार पर ऑब्जेक्ट्स को ग्रुप कैसे करें? जावास्क्रिप्ट में वैल्यू के आधार पर ऑब्जेक्ट्स को ग्रुप कैसे करें?

    जावास्क्रिप्ट में वैल्यू के आधार पर ऑब्जेक्ट्स को ग्रुप करने के लिए निम्नलिखित कोड है: उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /&g