नमस्ते! ?

मुझे आशा है कि आप बहुत बढ़िया कर रहे हैं! यह एसएमवाई है! ? आज, हम सरणी विध्वंस के साथ कुछ शानदार जावास्क्रिप्ट जादू में गोता लगा रहे हैं! ?

? सामग्री:

• ⚡ रुको क्या?

• ⚡लेकिन क्यों?

• ⚡ लेकिन कैसे?

• 1️⃣ कालानुक्रमिक रूप से सारणियों को नष्ट करना

• 2️⃣ सूचकांक द्वारा सारणियों को नष्ट करना

• 3️⃣ वस्तुओं के भीतर सारणियों को नष्ट करना

• 4️⃣ डायनामिक इंडेक्स के साथ एरेज़ को नष्ट करना

⚡ रुको क्या?

एरे डिस्ट्रक्चरिंग जावास्क्रिप्ट में एक साफ-सुथरी सुविधा है जो आपको एरे (या ऑब्जेक्ट से गुणों) से अलग-अलग वेरिएबल्स में मान निकालने की अनुमति देती है। यह सिर्फ आपके कोड को अच्छा दिखाने के लिए नहीं है - यह साफ-सुथरा, अधिक पठनीय कोड लिखने के बारे में है। आइए देखें कि आप विभिन्न तरीकों से सरणियों को कैसे नष्ट कर सकते हैं!

⚡लेकिन क्यों?

डिस्ट्रक्चरिंग आपके कोड को अधिक संक्षिप्त और अभिव्यंजक बनाता है। सरणी तत्वों को उनके सूचकांकों द्वारा एक्सेस करने के बजाय, आप मानों को सीधे वेरिएबल्स में निकाल सकते हैं। यह आपके कोड को सरल बना सकता है, त्रुटियों को कम कर सकता है और इसे समझना आसान बना सकता है।

⚡लेकिन कैसे?

आइए कुछ उदाहरणों के साथ सरणी विध्वंस की प्रत्येक विधि पर चलते हैं!

1️⃣ क्रमानुसार सारणियों को नष्ट करना

सरणी को नष्ट करने का यह सबसे सीधा तरीका है। आप वेरिएबल्स को सरणी तत्वों से उनके प्रकट होने के क्रम में मिलाते हैं।

const fruits = ['apple', 'mango', 'banana'];
const [apple, mango, banana] = fruits;

console.log(apple); // apple
console.log(mango); // mango
console.log(banana); // banana

यह काम किस प्रकार करता है:

• फल सरणी में तीन तत्व होते हैं।

• [सेब, आम, केला] का उपयोग करके, हम सरणी को तीन चर में विभाजित करते हैं, प्रत्येक सरणी में एक तत्व के अनुरूप, उसी क्रम में।

2️⃣ सूचकांक द्वारा सारणियों को नष्ट करना

जावास्क्रिप्ट में, आप सीधे सरणी शाब्दिक के भीतर इंडेक्स द्वारा सरणी को नष्ट नहीं कर सकते हैं, लेकिन आप ऑब्जेक्ट.एंट्रीज़ का उपयोग करके या मैन्युअल रूप से मान सेट करके थोड़े से समाधान के साथ समान परिणाम प्राप्त कर सकते हैं।

const fruits = ['apple', 'mango', 'banana'];
const {0: apple, 1: mango, 2: banana} = fruits;

console.log(apple); // apple
console.log(mango); // mango
console.log(banana); // banana

यह काम किस प्रकार करता है:

• यहां, हम एक सिंटैक्स का उपयोग करते हैं जो सरणी सूचकांकों को कुंजी के रूप में मानकर विनाश की नकल करता है। यह एक समाधान है क्योंकि सूचकांकों द्वारा विध्वंस सीधे तौर पर समर्थित नहीं है, लेकिन विचार सूचकांकों के माध्यम से सरणी तत्वों को चर के साथ संरेखित करना है।

3️⃣ वस्तुओं के भीतर सारणियों को नष्ट करना

आप उन सरणियों को भी नष्ट कर सकते हैं जो वस्तुओं के भीतर निहित हैं। यह आपको नेस्टेड संरचनाओं में विशिष्ट तत्वों को लक्षित करने की अनुमति देता है।

const fruitsPerSeason = {
  summer: ['grapes', 'pineapple'],
  winter: ['kiwis', 'oranges']
};

const { summer: [grape, pineapple], winter: [kiwi, orange] } = fruitsPerSeason;

console.log(grape); // grapes
console.log(pineapple); // pineapple
console.log(kiwi); // kiwis
console.log(orange); // oranges

यह काम किस प्रकार करता है:

• fruitsPerSeason एक ऑब्जेक्ट है जहां प्रत्येक संपत्ति एक सरणी है।

• ऑब्जेक्ट के भीतर विध्वंस करके, हम इन सरणियों से विशिष्ट तत्वों को अलग-अलग चर में निकालते हैं।

4️⃣ डायनेमिक इंडेक्स के साथ एरेज़ को नष्ट करना

अधिक गतिशील दृष्टिकोण के लिए, आप सूचकांकों को धारण करने वाले वेरिएबल्स के साथ डिस्ट्रक्चरिंग को जोड़ सकते हैं।

const fruitsPerSeason = {
  summer: ['pineapple', 'grapes'],
  winter: ['kiwis', 'oranges']
};

const pineappleIdx = 0, kiwisIdx = 0;
const { summer: [_, pineapple], winter: [_, kiwis] } = fruitsPerSeason;

console.log(pineapple); // pineapple
console.log(kiwis); // kiwis

यह काम किस प्रकार करता है:

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

ऊपर लपेटकर:

डिस्ट्रक्टिंग एरेज़ आपके जावास्क्रिप्ट कोड को सुव्यवस्थित कर सकता है, जिससे यह साफ और अधिक अभिव्यंजक बन जाता है। चाहे आप कालानुक्रमिक रूप से मान निकाल रहे हों, विशिष्ट सूचकांकों को लक्षित कर रहे हों, या वस्तुओं के भीतर काम कर रहे हों, ये तकनीकें आपको सरणियों को अधिक कुशलता से संभालने में मदद करती हैं।

बस, दोस्तों! आशा है कि आपको एरे डिस्ट्रक्चरिंग का यह विवरण उपयोगी और ज्ञानवर्धक लगा होगा। ?

अधिक जावास्क्रिप्ट युक्तियों और युक्तियों के लिए GitHub और LinkedIn पर बेझिझक मुझे फ़ॉलो करें!

गिटहब

लिंक्डइन

अद्भुत और प्रसन्न कोडिंग में बने रहें! ✨