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

JavaScript में map या reduce का उपयोग करके 2D सरणी को ऑब्जेक्ट में बदलें


मान लीजिए हमारे पास एक दो-आयामी सरणी है जिसमें कुछ लोगों की उम्र का डेटा है:

const data = [
  ['Rahul', 23],
  ['Vikky', 27],
  ['Sanjay', 29],
  ['Jay', 19],
  ['Dinesh', 21],
  ['Sandeep', 45],
  ['Umesh', 32],
  ['Rohit', 28],
];

हमें एक फ़ंक्शन लिखना है जो इस 2-D सरणी को लेता है और एक ऑब्जेक्ट लौटाता है जिसकी कुंजी प्रत्येक उप-सरणी का पहला तत्व (स्ट्रिंग) और मान दूसरा तत्व हो।

हम Array.prototype.reduce() मेथड का उपयोग करके इस ऑब्जेक्ट का निर्माण करेंगे:

उदाहरण

const data = [
  ['Rahul', 23],
  ['Vikky', 27],
  ['Sanjay', 29],
  ['Jay', 19],
  ['Dinesh', 21],
  ['Sandeep', 45],
  ['Umesh', 32],
  ['Rohit', 28],
];

const constructObject = arr => {
  return arr.reduce((acc, val) => {
    const [key, value] = val;
    acc[key] = value;
    return acc;
  }, {});
};

console.log(constructObject(data));

आउटपुट

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

{
  Rahul: 23,
  Vikky: 27,
  Sanjay: 29,
  Jay: 19,
  Dinesh: 21,
  Sandeep: 45,
  Umesh: 32,
  Rohit: 28
}

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

    Map ऑब्जेक्ट को ES6 में पेश किया गया था और यह एलिमेंट्स का एक संग्रह है जो की और वैल्यू पेयर होते हैं। एक मैप में की या वैल्यू एक ऑब्जेक्ट या प्रिमिटिव वैल्यू हो सकती है। जावास्क्रिप्ट में मैप ऑब्जेक्ट के लिए कोड निम्नलिखित है: उदाहरण <!DOCTYPE html> <html lang=en> <head> <meta

  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>

  1. जावास्क्रिप्ट में Object.keys().map() बनाम Array.map() जावास्क्रिप्ट में Object.keys().map() बनाम Array.map()

    जावास्क्रिप्ट में Object.keys().map() और Array.map() दिखाने का कोड निम्नलिखित है - उदाहरण <!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>