


Dalam projek baru-baru ini, saya menghadapi masalah di mana saya perlu mengesahkan objek yang kuncinya ditakrifkan secara dinamik oleh peta malar dan menguatkuasakan bahawa sekurang-kurangnya satu kunci mempunyai nilai yang sah.
Cabaran
Kami mempunyai objek MetadataMap yang mentakrifkan kunci yang sah dan jenis yang sepadan:
const MetadataMap = { userId: Number, utmSource: String, utmMedium: String, utmCampaign: String, } as const;
Menurut pemetaan ini, kami memerlukan:
- Menjana antara muka TypeScript secara dinamik untuk menguatkuasakan keselamatan jenis.
- Buat skema pengesahan Yup untuk mengesahkan objek berdasarkan pemetaan.
- Pastikan sekurang-kurangnya satu kunci dalam objek mempunyai nilai yang sah (bukan tidak ditentukan).
- Elakkan kunci pengekodan keras untuk meningkatkan kebolehselenggaraan penyelesaian.
Walau bagaimanapun, TypeScript menguatkuasakan penaipan statik pada masa penyusunan, manakala Yup mengendalikan pengesahan masa jalan.
Langkah 1: Jana antara muka
Untuk menjana antara muka TypeScript daripada MetadataMap, kami menggunakan keyof
dan jenis peta. Begini cara kami mentakrifkannya:
type Metadata = { [K in keyof typeof MetadataMap]: typeof MetadataMap[K] extends NumberConstructor ? number : string; };
Pendekatan ini memastikan bahawa sebarang kemas kini pada MetadataMap ditunjukkan secara automatik dalam antara muka Metadata. Contohnya:
// Antara muka Metadata Dijana:
interface Metadata { userId?: number; utmSource?: string; utmMedium?: string; utmCampaign?: string; }
Langkah 2: Menjana corak Yup secara dinamik
Kita perlu mencipta skema Yup secara dinamik yang sepadan dengan kunci dan jenis dalam MetadataMap. Menggunakan Object.keys
dan reduce
, kami memetakan setiap kunci kepada pengesah Yup yang sepadan:
const metadataSchema = Yup.object( Object.keys(MetadataMap).reduce((schema, key) => { const type = MetadataMap[key as keyof typeof MetadataMap]; if (type === Number) { schema[key] = Yup.number().optional(); } else if (type === String) { schema[key] = Yup.string().optional(); } return schema; }, {} as Record<string, any>) );
Pendekatan ini menghapuskan pengekodan keras dan memastikan bahawa perubahan dalam MetadataMap ditunjukkan dalam skema tanpa memerlukan kemas kini manual.
Langkah 3: Tambahkan peraturan "sekurang-kurangnya satu kunci"
Cabaran seterusnya ialah memastikan sekurang-kurangnya satu kunci dalam objek mempunyai nilai yang ditentukan. Kami menambah kaedah .test
dalam mod Yup:
metadataSchema.test( "at-least-one-key", "Metadata must have at least one valid key.", (value) => { if (!value || typeof value !== "object") return false; const validKeys = Object.keys(MetadataMap) as (keyof typeof MetadataMap)[]; return validKeys.some((key) => key in value && value[key] !== undefined); } );
Logik ini:
- Pastikan objek itu sah.
- Ekstrak kunci yang sah secara dinamik daripada MetadataMap.
- Sahkan bahawa sekurang-kurangnya satu kunci mempunyai nilai yang tidak ditentukan.
Keputusan Begini cara mod akhir berkelakuan:
const exampleMetadata = { userId: undefined, utmSource: "google", extraField: "invalid", // 此键被忽略。 }; metadataSchema .validate(exampleMetadata) .then(() => console.log("Validation succeeded")) .catch((err) => console.error("Validation failed:", err.errors));
Dalam contoh ini, pengesahan berjaya kerana utmSource ialah kunci yang sah dengan nilai yang tidak ditentukan, walaupun userId tidak ditentukan dan extraField bukan sebahagian daripada MetadataMap.
Atas ialah kandungan terperinci Menjana Antara Muka dan Skema Pengesahan secara Dinamik dalam TypeScript dengan Yup. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Penjelasan terperinci mengenai kaedah penggantian rentetan javascript dan Soalan Lazim Artikel ini akan meneroka dua cara untuk menggantikan watak rentetan dalam JavaScript: Kod JavaScript dalaman dan HTML dalaman untuk laman web. Ganti rentetan di dalam kod JavaScript Cara yang paling langsung ialah menggunakan kaedah pengganti (): str = str.replace ("cari", "ganti"); Kaedah ini hanya menggantikan perlawanan pertama. Untuk menggantikan semua perlawanan, gunakan ungkapan biasa dan tambahkan bendera global g: str = str.replace (/fi

Tutorial ini menunjukkan kepada anda bagaimana untuk mengintegrasikan API carian Google tersuai ke dalam blog atau laman web anda, menawarkan pengalaman carian yang lebih halus daripada fungsi carian tema WordPress standard. Ia menghairankan mudah! Anda akan dapat menyekat carian ke y

Leverage JQuery untuk Layouts Laman Web yang mudah: 8 Plugin Essential JQuery memudahkan susun atur laman web dengan ketara. Artikel ini menyoroti lapan plugin jQuery yang kuat yang menyelaraskan proses, terutamanya berguna untuk penciptaan laman web manual

Jadi di sini anda, bersedia untuk mempelajari semua perkara ini yang dipanggil Ajax. Tetapi, apa sebenarnya? Istilah Ajax merujuk kepada kumpulan teknologi longgar yang digunakan untuk membuat kandungan web yang dinamik dan interaktif. Istilah Ajax, yang asalnya dicipta oleh Jesse J

Mata teras Ini dalam JavaScript biasanya merujuk kepada objek yang "memiliki" kaedah, tetapi ia bergantung kepada bagaimana fungsi dipanggil. Apabila tidak ada objek semasa, ini merujuk kepada objek global. Dalam penyemak imbas web, ia diwakili oleh tetingkap. Apabila memanggil fungsi, ini mengekalkan objek global; tetapi apabila memanggil pembina objek atau mana -mana kaedahnya, ini merujuk kepada contoh objek. Anda boleh mengubah konteks ini menggunakan kaedah seperti panggilan (), memohon (), dan mengikat (). Kaedah ini memanggil fungsi menggunakan nilai dan parameter yang diberikan. JavaScript adalah bahasa pengaturcaraan yang sangat baik. Beberapa tahun yang lalu, ayat ini

Siaran ini menyusun helaian cheat berguna, panduan rujukan, resipi cepat, dan coretan kod untuk perkembangan aplikasi Android, BlackBerry, dan iPhone. Tiada pemaju harus tanpa mereka! Panduan Rujukan Gesture Touch (PDF) Sumber yang berharga untuk desig

JQuery adalah rangka kerja JavaScript yang hebat. Walau bagaimanapun, seperti mana -mana perpustakaan, kadang -kadang perlu untuk mendapatkan di bawah tudung untuk mengetahui apa yang sedang berlaku. Mungkin kerana anda mengesan bug atau hanya ingin tahu tentang bagaimana jQuery mencapai UI tertentu

Artikel membincangkan membuat, menerbitkan, dan mengekalkan perpustakaan JavaScript, memberi tumpuan kepada perancangan, pembangunan, ujian, dokumentasi, dan strategi promosi.


Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Penyesuai Pelayan SAP NetWeaver untuk Eclipse
Integrasikan Eclipse dengan pelayan aplikasi SAP NetWeaver.

Muat turun versi mac editor Atom
Editor sumber terbuka yang paling popular

mPDF
mPDF ialah perpustakaan PHP yang boleh menjana fail PDF daripada HTML yang dikodkan UTF-8. Pengarang asal, Ian Back, menulis mPDF untuk mengeluarkan fail PDF "dengan cepat" dari tapak webnya dan mengendalikan bahasa yang berbeza. Ia lebih perlahan dan menghasilkan fail yang lebih besar apabila menggunakan fon Unicode daripada skrip asal seperti HTML2FPDF, tetapi menyokong gaya CSS dsb. dan mempunyai banyak peningkatan. Menyokong hampir semua bahasa, termasuk RTL (Arab dan Ibrani) dan CJK (Cina, Jepun dan Korea). Menyokong elemen peringkat blok bersarang (seperti P, DIV),

SecLists
SecLists ialah rakan penguji keselamatan muktamad. Ia ialah koleksi pelbagai jenis senarai yang kerap digunakan semasa penilaian keselamatan, semuanya di satu tempat. SecLists membantu menjadikan ujian keselamatan lebih cekap dan produktif dengan menyediakan semua senarai yang mungkin diperlukan oleh penguji keselamatan dengan mudah. Jenis senarai termasuk nama pengguna, kata laluan, URL, muatan kabur, corak data sensitif, cangkerang web dan banyak lagi. Penguji hanya boleh menarik repositori ini ke mesin ujian baharu dan dia akan mempunyai akses kepada setiap jenis senarai yang dia perlukan.
