Pengklonan Berstruktur dan URLSearchParams
Salin data secara mendalam dengan structuredClone (mengekalkan Dates/Maps/Sets), serta huraikan/bina rentetan pertanyaan dengan URLSearchParams.
Pengklonan Berstruktur dan URLSearchParams ialah pelajaran Akademi JavaScript percuma di CoddyKit. Ini ialah pelajaran 2 daripada 3. Sebanyak 3 pelajaran dalam laluan pembelajaran ini boleh dibaca sepenuhnya secara percuma — selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan praktikal dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Akademi JavaScript, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Akademi JavaScript merangkumi sejumlah 3 pelajaran.
Mengapa alat ini?
Matlamat: Salin dan bersirikan data URL dengan selamat.
- structuredClone menyalin data secara mendalam
- Mengekalkan Date/Map/Set
- URLSearchParams menghuraikan dan membina pertanyaan
- Corak yang mesra pemula
Salinan mendalam yang mengekalkan jenis
structuredClone menghasilkan salinan mendalam dan mengekalkan objek Date tanpa perubahan.
// 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 kehilangan jenis
JSON hanya mengandungi data; Date/Map/Set bertukar menjadi nilai biasa atau hilang.
// 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 kekal
Map dan Set kekal dengan betul selepas pengklonan menggunakan 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));
Huraikan rentetan pertanyaan
URLSearchParams membaca rentetan pertanyaan; gunakan get, getAll, has dan ulang jika diperlukan.
// 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"));
Bina rentetan pertanyaan
Gunakan set/append kemudian toString() untuk mencipta rentetan pertanyaan yang selamat.
// 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);
Kuiz structuredClone berbanding JSON
Semakan ringkas: Salinan mendalam yang mengekalkan jenis.
Ringkasan
Ringkasan: Gunakan structuredClone untuk salinan mendalam yang mengekalkan jenis seperti Date/Map/Set. Gunakan URLSearchParams untuk menghuraikan dan membina rentetan pertanyaan dengan selamat.
Pelajari JavaScript dengan tutor kecerdasan buatan — percuma
Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.
- Kursus
- 59
- Pelajaran
- 200
Soalan Lazim
Adakah pelajaran “Pengklonan Berstruktur dan URLSearchParams” percuma?
Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Akademi JavaScript, termasuk “Pengklonan Berstruktur dan URLSearchParams”, boleh dibaca sepenuhnya secara percuma di web ini. Selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan interaktif dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Kursus Akademi JavaScript merangkumi sejumlah 3 pelajaran.
Apakah yang akan saya pelajari dalam “Pengklonan Berstruktur dan URLSearchParams”?
Salin data secara mendalam dengan structuredClone (mengekalkan Dates/Maps/Sets), serta huraikan/bina rentetan pertanyaan dengan URLSearchParams. Anda berlatih Akademi JavaScript menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.
Adakah saya memerlukan pengalaman untuk memulakan Akademi JavaScript?
Tiada pengalaman terdahulu diperlukan. Pembelajaran Akademi JavaScript di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 2 daripada 3.
Berapa lamakah pelajaran “Pengklonan Berstruktur dan URLSearchParams” diambil?
Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.
Bolehkah saya menulis dan menjalankan kod dalam pelajaran Akademi JavaScript ini?
Ya. Setiap pelajaran Akademi JavaScript menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.
Semua pelajaran dalam kursus ini
- Asas JSON.parse / JSON.stringify
- Pengklonan Berstruktur dan URLSearchParams
- Strategi Penghuraian JSON Selamat