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

JavaScript में ऑब्जेक्ट मर्ज करना और एकल गुण का योग करना


मान लीजिए हमारे पास ऑब्जेक्ट की दो सरणियाँ हैं जिनमें कंपनी के कुछ उत्पादों के बारे में जानकारी है:

const first = [
  { id: "57e7a1cd6a3f3669dc03db58", quantity: 3 },
  { id: "57e77b06e0566d496b51fed5", quantity: 3 },
  { id: "57e7a1cd6a3f3669dc03db58", quantity: 3 },
  { id: "57e77b06e0566d496b51fed5", quantity: 3 }
];

const second = [
  { id: "57e7a1cd6a3f3669dc03db58", quantity: 6 },
  { id: "57e77b06e0566d496b51fed5", quantity: 6 }
];

अब हमें एक फ़ंक्शन लिखना है जो दो सरणियों को मर्ज करता है, ताकि समान आईडी वाले ऑब्जेक्ट दोहराव न करें और इसके अलावा, डुप्लिकेट आईडी वाले ऑब्जेक्ट के लिए quantity गुण एक साथ जुड़ जाएँ।

आइए इस फ़ंक्शन के लिए कोड लिखते हैं:

उदाहरण

const first = [
  { id: "57e7a1cd6a3f3669dc03db58", quantity: 3 },
  { id: "57e77b06e0566d496b51fed5", quantity: 3 },
  { id: "57e7a1cd6a3f3669dc03db58", quantity: 3 },
  { id: "57e77b06e0566d496b51fed5", quantity: 3 }
];

const second = [
  { id: "57e7a1cd6a3f3669dc03db58", quantity: 6 },
  { id: "57e77b06e0566d496b51fed5", quantity: 6 }
];

const mergeArray = (first, second) => {
  return [...first, ...second].reduce((acc, val, i, arr) => {
    const { id, quantity } = val;
    const ind = acc.findIndex(el => el.id === id);
    if (ind !== -1) {
      acc[ind].quantity += quantity;
    } else {
      acc.push({ id, quantity });
    }
    return acc;
  }, []);
}

console.log(mergeArray(first, second));

आउटपुट

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

[
  { id: '57e7a1cd6a3f3669dc03db58', quantity: 12 },
  { id: '57e77b06e0566d496b51fed5', quantity: 12 }
]

  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. जावास्क्रिप्ट में ऑब्जेक्ट्स के ऐरे की प्रॉपर्टी नाम बदलना जावास्क्रिप्ट में ऑब्जेक्ट्स के ऐरे की प्रॉपर्टी नाम बदलना

    जावास्क्रिप्ट में ऑब्जेक्ट्स के ऐरे की प्रॉपर्टी नाम बदलने का कोड निम्नलिखित है - उदाहरण <!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>

  1. जावास्क्रिप्ट में ऑब्जेक्ट्स को सिंगल ऑब्जेक्ट ऐरे में मर्ज कैसे करें? जावास्क्रिप्ट में ऑब्जेक्ट्स को सिंगल ऑब्जेक्ट ऐरे में मर्ज कैसे करें?

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