Buat tatasusunan unik menggunakan Set() dalam JavaScript.

Dalam artikel ini, kami menganalisis cara anda boleh mencipta tatasusunan unik menggunakan set baharu dalam JavaScript, diilhamkan oleh rujukan kod daripada TypeDoc.

Mari kita fahami fungsi unik ini dalam imej di atas dahulu dengan contoh dan kemudian kita akan melihat bagaimana ini digunakan dalam kod sumber TypeDoc.

fungsi unik

export function unique<T>(arr: Iterable<T> | undefined): T[] {
    return Array.from(new Set(arr));
}

Fungsi ini dipilih daripada typedoc/src/lib/utils/array.ts.

Kaedah statik Array.from mencipta tika Array yang disalin cetek daripada objek boleh lelar atau seperti tatasusunan.

Array.from() membolehkan anda mencipta Arrays daripada:

• objek boleh lelar (objek seperti Peta dan Set); atau, jika objek tidak boleh lelar,

• objek seperti tatasusunan (objek dengan sifat panjang dan elemen diindeks).

Jika anda menjalankan kod di bawah ini dalam konsol penyemak imbas anda, anda akan segera menyedari bahawa Set mengalih keluar nilai pendua.

new Set([1,2,3,1,2,5,4,3,])
// result: Set(5) {1, 2, 3, 5, 4}

Menggabungkan kedua-dua konsep ini, kini anda boleh mencipta tatasusunan unik menggunakan Set() baharu, ringkas dan mudah.

Cara TypeDoc menggunakan fungsi unik

TypeDoc mengimport fungsi unik ke dalam lib/application.ts di L366.

Terdapat cadangan pendekatan yang serupa dalam jawapan Stackoverflow ini.

const unique = (list) => {
  return [...new Set(list)];
}

Ini dipilih daripada Stackoverflow dan menggunakan operator spread dan bukannya kaedah Array.from.

Tentang kami:

Di Think Throo, kami berada dalam misi untuk mengajar konsep seni bina asas kod lanjutan yang digunakan dalam projek sumber terbuka.

10x kemahiran pengekodan anda dengan mempraktikkan konsep seni bina lanjutan dalam Next.js/React, pelajari amalan terbaik dan bina projek gred pengeluaran.

Kami adalah sumber terbuka — https://github.com/thinkthroo/thinkthroo (Beri kami bintang!)

Kami juga menyediakan pembangunan web dan perkhidmatan penulisan teknikal. Hubungi kami di hello@thinkthroo.com untuk mengetahui lebih lanjut!

Rujukan:

1. https://github.com/TypeStrong/typedoc/blob/master/src/lib/application.ts#L366

2. https://github.com/TypeStrong/typedoc/blob/master/src/lib/utils/array.ts#L98C8-L100C2

3. https://stackoverflow.com/questions/6940103/how-do-i-make-an-array-with-unique-elements-i-e-remove-duplicates

4. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from

Atas ialah kandungan terperinci Buat tatasusunan unik menggunakan Set() dalam JavaScript.. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!