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

वेनिला जावास्क्रिप्ट से ऑब्जेक्ट के सबसेट से नया ऑब्जेक्ट बनाना

किसी ऑब्जेक्ट की प्रॉपर्टीज का सबसेट लेकर उनसे नया ऑब्जेक्ट बनाने के लिए, ऑब्जेक्ट डिस्ट्रक्चरिंग और प्रॉपर्टी शॉर्टहैंड का उपयोग करें।

उदाहरण

const person = {
  name: 'John',
  age: 40,
  city: 'LA',
  school: 'High School'
};

यदि आपको केवल name और age चाहिए, तो नया ऑब्जेक्ट इस तरह बनाएं:

const { name, age } = person;
const selectedObj = { name, age };
console.log(selectedObj);

आउटपुट

{ name: 'John', age: 40 }

अन्य तरीके

1. Object.fromEntries के साथ

const selectedObj = Object.fromEntries(
  Object.entries(person).filter(([key]) => ['name', 'age'].includes(key))
);

2. Lodash pick (यदि लाइब्रेरी उपयोग कर रहे हैं)

const _ = require('lodash');
const selectedObj = _.pick(person, ['name', 'age']);

3. डायनामिक कीज के लिए

function pick(obj, keys) {
  return keys.reduce((acc, key) => {
    if (key in obj) acc[key] = obj[key];
    return acc;
  }, {});
}

const selectedObj = pick(person, ['name', 'age', 'email']); // email नहीं है तो ignore होगा
  1. जावास्क्रिप्ट में JSON ऑब्जेक्ट कैसे बनाएं? उदाहरण सहित समझाएं। जावास्क्रिप्ट में JSON ऑब्जेक्ट कैसे बनाएं? उदाहरण सहित समझाएं।

    परिचय जावास्क्रिप्ट में JSON ऑब्जेक्ट बनाने के लिए, आप ऑब्जेक्ट लिटरल सिंटैक्स का उपयोग कर सकते हैं और फिर JSON.stringify() का उपयोग करके इसे JSON स्ट्रिंग में परिवर्तित कर सकते हैं। ध्यान दें: जावास्क्रिप्ट में JSON ऑब्जेक्ट तकनीकी रूप से एक नियमित ऑब्जेक्ट है; JSON एक सीरियलाइज़ेशन फॉर्मेट है। उ

  1. JavaScript का उपयोग करके URL ऑब्जेक्ट कैसे बनाएं? JavaScript का उपयोग करके URL ऑब्जेक्ट कैसे बनाएं?

    JavaScript का उपयोग करके URL ऑब्जेक्ट बनाने का निम्नलिखित कोड है:उदाहरण<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>URL Obje

  1. जावास्क्रिप्ट में मल्टीडाइमेंशनल ऑब्जेक्ट कैसे बनाएं? जावास्क्रिप्ट में मल्टीडाइमेंशनल ऑब्जेक्ट कैसे बनाएं?

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