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

JavaScript में ऑब्जेक्ट कीज़ के माध्यम से पुनरावृति करना और की वैल्यूज़ को मैनिपुलेट करना


मान लीजिए, हमारे पास ऑब्जेक्ट्स का एक ऐरे है जैसे कि -

const arr = [   {     col1: ["a", "b"],     col2: ["c", "d"]   },   {     col1: ["e", "f"],     col2: ["g", "h"]   } ];

हमें एक JavaScript फ़ंक्शन लिखना है जो ऐसा ऐरे लेता है और निम्नलिखित आउटपुट लौटाता है।

const output = [   {     col1: "b",     col2: "d"   },   {     col1: "f",     col2: "h"   } ];

मूल रूप से, हम ऑब्जेक्ट कीज़ की वैल्यू जो शुरू में एक ऐरे है, उसे एक सिंगल वैल्यू में बदलना चाहते हैं और वह वैल्यू ऑब्जेक्ट कीज़ के ऐरे का दूसरा एलिमेंट होगी।

इसका कोड होगा -

const arr = [   {     col1: ["a", "b"],     col2: ["c", "d"]   },   {     col1: ["e", "f"],     col2: ["g", "h"]   } ]; const reduceArray = (arr = []) => {   const res = arr.reduce((s,a) => {     const obj = {};     Object.keys(a).map(function(c) {       obj[c] = a[c][1];     });     s.push(obj);     return s;   }, []);   return res; }; console.log(reduceArray(arr));

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

[ { col1: 'b', col2: 'd' }, { col1: 'f', col2: 'h' } ]

  1. - जावास्क्रिप्ट Map बनाम Object - क्या और कब?

    MDN डॉक्स के अनुसार, Map ऑब्जेक्ट की-वैल्यू पेयर्स रखता है और कीज के मूल इंसर्शन ऑर्डर को याद रखता है। कोई भी मान (ऑब्जेक्ट्स और प्रिमिटिव दोनों) का उपयोग की या वैल्यू के रूप में किया जा सकता है। यहां ध्यान देने वाली महत्वपूर्ण बात यह है कि ऑब्जेक्ट्स को भी मैप्स में कीज के रूप में उपयोग किया जा स

  1. - जावास्क्रिप्ट में Map ऑब्जेक्ट का उपयोग क्या है?

    MDN डॉक्स के अनुसार, Map ऑब्जेक्ट की-वैल्यू पेयर्स रखता है और कीज के मूल इंसर्शन ऑर्डर को याद रखता है। कोई भी मान (ऑब्जेक्ट्स और प्रिमिटिव दोनों) का उपयोग की या वैल्यू के रूप में किया जा सकता है। यहां ध्यान देने वाली महत्वपूर्ण बात यह है कि ऑब्जेक्ट्स को भी मैप्स में कीज के रूप में उपयोग किया जा स

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

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