Rumah >hujung hadapan web >tutorial js >Operator Spread and Rest JavaScript – Dijelaskan dengan Contoh Kod

Operator Spread and Rest JavaScript – Dijelaskan dengan Contoh Kod

Barbara Streisand
Barbara Streisandasal
2025-01-22 18:34:14988semak imbas

Pengendali sebaran dan rehat JavaScript moden adalah penting untuk pengendalian tatasusunan yang diperkemas dan pengurusan parameter fungsi. Mereka dengan elegan menyelesaikan masalah seperti pengembangan tatasusunan dan pemprosesan hujah fungsi yang fleksibel.

Operator Spread (...)

Pengendali penyebaran mengembangkan objek boleh lelar (seperti tatasusunan) ke dalam elemen individu. Ini memudahkan penggabungan, penyalinan atau penghantaran elemen tatasusunan kepada fungsi tanpa lelaran eksplisit.

Pertimbangkan tatasusunan ini:

JavaScript Spread and Rest Operators – Explained with Code Examples

Sebelum Operator Spread

Mencipta tatasusunan baharu dengan elemen tambahan yang secara tradisinya memerlukan kaedah yang menyusahkan:

JavaScript Spread and Rest Operators – Explained with Code Examples

Ini bertele-tele dan mudah ralat.

Selepas Operator Spread

Pengendali spread menyediakan penyelesaian ringkas:

JavaScript Spread and Rest Operators – Explained with Code Examples

Pengendali hamparan menambah kandungan arr pada newArr dengan lancar, menghapuskan pengindeksan atau gelung manual.

Aplikasi Penyebaran Operator:

  • Penggabungan Array: Gabungkan berbilang tatasusunan dengan mudah:

JavaScript Spread and Rest Operators – Explained with Code Examples

Ini mengelakkan penggabungan manual.

  • Hantaran Argumen Fungsi: Lulus argumen panjang berubah-ubah:

JavaScript Spread and Rest Operators – Explained with Code Examples

Ini meningkatkan fleksibiliti fungsi.

  • Penyalinan Tatasusunan: Cipta salinan tatasusunan bebas:

JavaScript Spread and Rest Operators – Explained with Code Examples

Ini lebih intuitif daripada slice() atau concat().

Operator Rehat (...)

Sebaliknya, pengendali yang lain mengumpulkan elemen ke dalam satu entiti dalam parameter fungsi atau pemusnahan tatasusunan. Ia mengumpul elemen yang tinggal menjadi pembolehubah, membolehkan definisi fungsi fleksibel dan manipulasi tatasusunan.

Sebelum Operator Rehat

Mengekstrak elemen sambil mengekalkan selebihnya melibatkan kerja manual:

JavaScript Spread and Rest Operators – Explained with Code Examples

Ini kurang intuitif dan terdedah kepada ralat.

Selepas Operator Rehat

Pengendali yang lain memudahkan ini:

JavaScript Spread and Rest Operators – Explained with Code Examples

first mendapat elemen pertama dan rest mendapat selebihnya.

Aplikasi Operator Rehat:

  • Argumen Fungsi Pembolehubah-Panjang: Kendalikan bilangan hujah yang tidak tentu:

JavaScript Spread and Rest Operators – Explained with Code Examples

...numbers mengumpul semua argumen ke dalam tatasusunan numbers.

  • Pemusnahan Tatasusunan: Tangkap elemen yang tinggal:

JavaScript Spread and Rest Operators – Explained with Code Examples

Ini meningkatkan kebolehbacaan kod.

Kesimpulan

Pengendali spread dan rest dengan ketara meningkatkan kecekapan dan kebolehbacaan kod JavaScript dengan memudahkan manipulasi tatasusunan dan pengendalian parameter fungsi.

Atas ialah kandungan terperinci Operator Spread and Rest JavaScript – Dijelaskan dengan Contoh Kod. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn