स्ट्रक्चर्ड क्लोनिंग और URLSearchParams
structuredClone से डेटा की डीप कॉपी बनाएँ (Dates/Maps/Sets सुरक्षित रहते हैं), और URLSearchParams से क्वेरी स्ट्रिंग को पार्स/बनाएँ।
स्ट्रक्चर्ड क्लोनिंग और URLSearchParams, CoddyKit पर JavaScript Academy का एक निःशुल्क पाठ है। यह 3 में से 2वाँ पाठ है। इस अध्ययन पथ के 3 तक कोई भी पाठ पूरा पढ़ना निःशुल्क है — इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ व्यावहारिक अभ्यास भी उपलब्ध कराता है। यह JavaScript Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। JavaScript Academy पाठ्यक्रम में कुल 3 पाठ शामिल हैं।
इन टूल का उपयोग क्यों?
लक्ष्य: URL डेटा की सुरक्षित प्रतिलिपि बनाना और उसे क्रमबद्ध करना।
- structuredClone डेटा की गहरी प्रतिलिपि बनाता है
- Date/Map/Set को सुरक्षित रखता है
- URLSearchParams क्वेरी को पार्स और बनाता है
- शुरुआती सीखने वालों के लिए सरल पैटर्न
प्रकारों को सुरक्षित रखने वाली गहरी प्रतिलिपि
structuredClone गहरी प्रतिलिपि बनाता है और Date ऑब्जेक्ट को उसी रूप में सुरक्षित रखता है।
// Deep copy with structuredClone (Node 17+/modern browsers)
const original = { n: 1, list: [1, 2], when: new Date("2024-01-01") };
const copy = structuredClone(original);
copy.n = 2;
copy.list.push(3);
console.log("original.n:", original.n);
console.log("copy.n:", copy.n);
console.log("dates equal type?", copy.when instanceof Date);
JSON प्रकार खो देता है
JSON केवल डेटा रखता है; Date/Map/Set साधारण मानों में बदल जाते हैं या खो जाते हैं।
// JSON round-trip loses special types (e.g., Date becomes string)
const obj = { when: new Date("2024-01-01"), ok: true };
const round = JSON.parse(JSON.stringify(obj));
console.log("after JSON:", typeof round.when, round.when);
console.log("is Date?", round.when instanceof Date);
Map/Set सुरक्षित रहते हैं
Map और Set, structuredClone के साथ सही ढंग से क्लोन करने पर सुरक्षित रहते हैं।
// structuredClone preserves Map and Set
const m1 = new Map([["a", 1]]);
const s1 = new Set([1, 2]);
const cloned = structuredClone({ m1, s1 });
console.log("map has a?", cloned.m1.has("a"));
console.log("set has 2?", cloned.s1.has(2));
क्वेरी स्ट्रिंग पार्स करें
URLSearchParams क्वेरी स्ट्रिंग पढ़ता है; आवश्यकता होने पर get, getAll, has का उपयोग करें और दोहराएँ।
// Parse a query string with URLSearchParams
const qs = "q=shoes&color=red&color=blue&page=2";
const params = new URLSearchParams(qs);
console.log("q:", params.get("q"));
console.log("first color:", params.get("color"));
console.log("all colors:", params.getAll("color"));
console.log("page:", params.get("page"));
क्वेरी स्ट्रिंग बनाएँ
सुरक्षित क्वेरी स्ट्रिंग बनाने के लिए set/append और फिर toString() का उपयोग करें।
// Build a query string from key/value pairs
const build = new URLSearchParams();
build.set("q", "shoes");
build.append("color", "red");
build.append("color", "blue");
build.set("page", String(2));
console.log("query:", build.toString());
// Example full URL
const url = "https://example.com/search?" + build.toString();
console.log("url:", url);
structuredClone बनाम JSON—प्रश्नोत्तरी
त्वरित जाँच: प्रकारों को सुरक्षित रखने वाली गहरी प्रतिलिपि।
पुनरावलोकन
पुनरावलोकन: Date/Map/Set जैसे प्रकारों को सुरक्षित रखने वाली गहरी प्रतिलिपियों के लिए structuredClone का उपयोग करें। क्वेरी स्ट्रिंग को सुरक्षित रूप से पार्स करने और बनाने के लिए URLSearchParams का उपयोग करें।
एआई शिक्षक के साथ JavaScript सीखें — निःशुल्क
अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।
- पाठ्यक्रम
- 59
- पाठ
- 200
अक्सर पूछे जाने वाले प्रश्न
क्या “स्ट्रक्चर्ड क्लोनिंग और URLSearchParams” पाठ निःशुल्क है?
हाँ — JavaScript Academy अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “स्ट्रक्चर्ड क्लोनिंग और URLSearchParams” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। JavaScript Academy पाठ्यक्रम में कुल 3 पाठ शामिल हैं।
“स्ट्रक्चर्ड क्लोनिंग और URLSearchParams” में मैं क्या सीखूँगा?
structuredClone से डेटा की डीप कॉपी बनाएँ (Dates/Maps/Sets सुरक्षित रहते हैं), और URLSearchParams से क्वेरी स्ट्रिंग को पार्स/बनाएँ। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ JavaScript Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।
क्या JavaScript Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?
पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर JavaScript Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 3 में से 2वाँ पाठ है।
“स्ट्रक्चर्ड क्लोनिंग और URLSearchParams” पाठ पूरा करने में कितना समय लगता है?
CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।
क्या मैं इस JavaScript Academy पाठ में कोड लिख और चला सकता हूँ?
हाँ। हर JavaScript Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।
इस पाठ्यक्रम के सभी पाठ
- JSON.parse / JSON.stringify की मूल बातें
- स्ट्रक्चर्ड क्लोनिंग और URLSearchParams
- सुरक्षित JSON पार्सिंग की रणनीतियाँ