जावास्क्रिप्ट डिस्ट्रक्चर

विकल्पन अनुदेश वाक्यविन्यास

विकल्पन अनुदेश वस्तु के गुण को परिमाण में अलग करता है:

let {firstName, lastName} = person;

यह तारा और किसी अन्य अनुक्रमित वस्तु को भी अलग कर सकता है:

let [firstName, lastName] = person;

वस्तु विकल्पन

इन्स्टांस

// एक वस्तु बनाया गया है
const person = {
  firstName: "Bill",
  lastName: "Gates",
  age: 50
};
// डिस्ट्रक्चर
let {firstName, lastName} = person;

स्वयं आजमाएं

गुण की क्रमवारी महत्वहीन है:

इन्स्टांस

// एक वस्तु बनाया गया है
const person = {
  firstName: "Bill",
  lastName: "Gates",
  age: 50
};
// डिस्ट्रक्चर
let {lastName, firstName} = person;

स्वयं आजमाएं

ध्यान दें:

विकल्पन विनाशकीय नहीं है।

विकल्पन मूल वस्तु को बदलती नहीं है।

वस्तु डिफ़ॉल्ट मान

अभावी गुण के लिए हम डिफ़ॉल्ट मान निर्धारित कर सकते हैं:

इन्स्टांस

// एक वस्तु बनाया गया है
const person = {
  firstName: "Bill",
  lastName: "Gates",
  age: 50
};
// डिस्ट्रक्चर
let {firstName, lastName, country = "US"} = person;

स्वयं आजमाएं

वस्तु गुण रूपांतर

इन्स्टांस

// एक वस्तु बनाया गया है
const person = {
  firstName: "Bill",
  lastName: "Gates",
  age: 50
};
// डिस्ट्रक्चर
let {lastName: name} = person;

स्वयं आजमाएं

शब्दचित्र विकल्पन

विकल्पन का एक उपयोग शब्दचित्र के अक्षरों को अलग करने के लिए है।

इन्स्टांस

// एक शब्दचित्र बनाया गया है
let name = "W3Schools";
// डिस्ट्रक्चर
let [a1, a2, a3, a4, a5] = name;

स्वयं आजमाएं

ध्यान दें:

विकल्पन को किसी भी अनुक्रमित वस्तु के लिए उपयोग किया जा सकता है।

तारा विकल्पन

हम तारा परिमाण को अपने परिमाण में निकाल सकते हैं:

इन्स्टांस

// एक अभियान बनाएं
const fruits = ["Bananas", "Oranges", "Apples", "Mangos"];
// डिस्ट्रक्चर
let [fruit1, fruit2] = fruits;

स्वयं आजमाएं

तारा मूल्य छोड़ना

हम दो या अधिक कमा बिन्दु का उपयोग करके तारा मूल्य छोड़ सकते हैं:

इन्स्टांस

// एक अभियान बनाएं
const fruits = ["Bananas", "Oranges", "Apples", "Mangos"];
// डिस्ट्रक्चर
let [fruit1,,,fruit2] = fruits;

स्वयं आजमाएं

तारा स्थान मूल्य

हम तारा के विशेष सूचकस्थान से मूल्य निकाल सकते हैं:

इन्स्टांस

// एक अभियान बनाएं
const fruits = ["Bananas", "Oranges", "Apples", "Mangos"];
// डिस्ट्रक्चर
let {[0]: fruit1, [1]: fruit2} = fruits;

स्वयं आजमाएं

शेष गुण

विकल्पित वाक्यविन्यास के अंत में शेष गुण का उपयोग कर सकते हैं।

यह सभी शेष मूल्यों को एक नए अभियान में स्टोर करेगा:}}

इन्स्टांस

// एक अभियान बनाएं
const numbers = [10, 20, 30, 40, 50, 60, 70];
// डिस्ट्रक्चर
const [a, b, ...rest] = numbers;

स्वयं आजमाएं

Map डिस्ट्रक्चर

इन्स्टांस

// एक Map बनाएं
const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  
]
// डिस्ट्रक्चर
let text = "";
for (const [key, value] of fruits) {
  text += key + " is " + value;
}

स्वयं आजमाएं

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

दो वेरियेबल्स के मूल्य को आपस में आदान-प्रदान करने के लिए डिस्ट्रक्चर असाइंगमेंट का उपयोग कर सकते हैं:

इन्स्टांस

let firstName = "Bill";
let lastName = "Gates";
// डिस्ट्रक्चर
[firstName, lastName] = [lastName, firstName];

स्वयं आजमाएं