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

JavaScript में डायनामिक JSON सरणी को फ़ॉर्मेट करना


मान लीजिए हमारे पास ऑब्जेक्ट की एक सरणी है:

const arr = [
  {"name1": "firstString"},
  {"name2": "secondString"},
  {"name3": "thirdString"},
  {"name4": "fourthString"},
  {"name5": "fifthString"},
  {"name6": "sixthString"},
];

हमें एक फ़ंक्शन लिखना है जो ऐसी ऑब्जेक्ट की सरणी लेता है और उस ऑब्जेक्ट में सूचीबद्ध सभी गुणों के साथ एक ऑब्जेक्ट लौटाता है।

आइए इस फ़ंक्शन के लिए कोड लिखते हैं। इसे Array reduce मेथड के माध्यम से किया जा सकता है:

उदाहरण

const arr = [
  {"name1": "firstString"},
  {"name2": "secondString"},
  {"name3": "thirdString"},
  {"name4": "fourthString"},
  {"name5": "fifthString"},
  {"name6": "sixthString"},
];

const reduceArray = arr => {
  return arr.reduce((acc, val) => {
    Object.assign(acc, val);
    return acc;
  }, {});
};

आउटपुट

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

{
  name1: 'firstString',
  name2: 'secondString',
  name3: 'thirdString',
  name4: 'fourthString',
  name5: 'fifthString',
  name6: 'sixthString'
}

  1. JavaScript JSON Arrays JavaScript JSON Arrays

    JSON में Arrays, JavaScript में Arrays के समान होते हैं। JavaScript JSON arrays इस तरह दिखते हैं: let obj = {    name:'Rohan',    sports : ['cricket','Football','volleyball','hockey'] } JavaScript में JSON arrays के लिए कोड: उदाहरण <!DOC

  1. जावास्क्रिप्ट में ऐरे डीस्ट्रक्चरिंग जावास्क्रिप्ट में ऐरे डीस्ट्रक्चरिंग

    परिचय डीस्ट्रक्चरिंग असाइनमेंट (ES2015) ऐरे से मानों को अलग-अलग वेरिएबल्स में अनपैक करने का एक संक्षिप्त सिंटैक्स है। यह पठनीयता में सुधार करता है और मैन्युअल इंडेक्स एक्सेस की आवश्यकता को कम करता है। उदाहरण निम्न कोड जावास्क्रिप्ट में ऐरे डीस्ट्रक्चरिंग के लिए है: <!DOCTYPE html> <html

  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>