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

ऑब्जेक्ट कुंजियों के माध्यम से पुनरावृति करें और जावास्क्रिप्ट में प्रमुख मानों में हेरफेर करें

<घंटा/>

मान लीजिए, हमारे पास इस तरह की वस्तुओं की एक सरणी है -

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

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

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. जावास्क्रिप्ट मानचित्र बनाम वस्तु - क्या और कब?

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

  1. जावास्क्रिप्ट में मानचित्र वस्तु का क्या उपयोग है?

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

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

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