ays untuk Memusnahkan Tatasusunan dalam JavaScript & menjadikan kod anda kelihatan bersih

王林
Lepaskan: 2024-08-12 18:37:12
asal
652 orang telah melayarinya

ays to Destructure Array in JavaScript & make your code look clean

Hellooooooooo! ?

Saya harap anda melakukan yang hebat! Ini SMY! ? Hari ini, kami menyelami beberapa keajaiban JavaScript yang hebat dengan pemusnahan tatasusunan! ?


? kandungan:

  • ⚡ Tunggu Apa?

  • ⚡ Tetapi Kenapa?

  • ⚡ Tetapi Bagaimana?

  • 1️⃣ Memusnahkan Tatasusunan Secara Kronologi

  • 2️⃣ Memusnahkan Tatasusunan mengikut Indeks

  • 3️⃣ Memusnahkan Tatasusunan dalam Objek

  • 4️⃣ Memusnahkan Tatasusunan dengan Indeks Dinamik


⚡ Tunggu Apa?

Pemusnahan tatasusunan ialah ciri kemas dalam JavaScript yang membolehkan anda mengekstrak nilai daripada tatasusunan (atau sifat daripada objek) ke dalam pembolehubah yang berbeza. Ia bukan sahaja untuk menjadikan kod anda kelihatan keren—ia mengenai menulis kod yang lebih bersih dan lebih mudah dibaca. Mari pecahkan cara anda boleh memusnahkan tatasusunan dengan cara yang berbeza!

⚡ Tetapi Kenapa?

Penstrukturan menjadikan kod anda lebih ringkas dan ekspresif. Daripada mengakses elemen tatasusunan mengikut indeksnya, anda boleh mengekstrak nilai secara terus ke dalam pembolehubah. Ini boleh memudahkan kod anda, mengurangkan ralat dan memudahkan pemahaman.

⚡ Tetapi Bagaimana?

Mari kita lihat setiap kaedah pemusnahan tatasusunan dengan beberapa contoh!


1️⃣ Memusnahkan Susunan Secara Kronologi

Ini ialah cara paling mudah untuk memusnahkan tatasusunan. Anda memadankan pembolehubah kepada elemen tatasusunan dalam susunan ia muncul.

const fruits = ['apple', 'mango', 'banana'];
const [apple, mango, banana] = fruits;

console.log(apple); // apple
console.log(mango); // mango
console.log(banana); // banana
Salin selepas log masuk

Cara Ia Berfungsi:

  • Susun buah-buahan mengandungi tiga elemen.

  • Menggunakan [epal, mangga, pisang], kami memusnahkan tatasusunan kepada tiga pembolehubah, setiap satu sepadan dengan elemen dalam tatasusunan, dalam susunan yang sama.


2️⃣ Memusnahkan Tatasusunan mengikut Indeks

Dalam JavaScript, anda tidak boleh secara langsung memusnahkan tatasusunan mengikut indeks dalam tatasusunan literal itu sendiri, tetapi anda boleh mencapai hasil yang serupa dengan sedikit penyelesaian menggunakan Object.entry atau dengan menetapkan nilai secara manual.

const fruits = ['apple', 'mango', 'banana'];
const {0: apple, 1: mango, 2: banana} = fruits;

console.log(apple); // apple
console.log(mango); // mango
console.log(banana); // banana
Salin selepas log masuk

Cara Ia Berfungsi:

  • Di sini, kami menggunakan sintaks yang meniru pemusnahan dengan menganggap indeks tatasusunan sebagai kunci. Ini lebih merupakan penyelesaian kerana pemusnahan oleh indeks tidak disokong secara langsung, tetapi ideanya adalah untuk menjajarkan elemen tatasusunan dengan pembolehubah melalui indeks.

3️⃣ Memusnahkan Tatasusunan dalam Objek

Anda juga boleh memusnahkan tatasusunan yang bersarang dalam objek. Ini membolehkan anda menyasarkan elemen khusus dalam struktur bersarang.

const fruitsPerSeason = {
  summer: ['grapes', 'pineapple'],
  winter: ['kiwis', 'oranges']
};

const { summer: [grape, pineapple], winter: [kiwi, orange] } = fruitsPerSeason;

console.log(grape); // grapes
console.log(pineapple); // pineapple
console.log(kiwi); // kiwis
console.log(orange); // oranges
Salin selepas log masuk

Cara Ia Berfungsi:

  • fruitsPerSeason ialah objek dengan setiap sifat ialah tatasusunan.

  • Dengan memusnahkan dalam objek, kami mengekstrak elemen tertentu daripada tatasusunan ini ke dalam pembolehubah yang berbeza.


4️⃣ Memusnahkan Tatasusunan dengan Indeks Dinamik

Untuk pendekatan yang lebih dinamik, anda boleh menggabungkan penstrukturan dengan pembolehubah yang memegang indeks.

const fruitsPerSeason = {
  summer: ['pineapple', 'grapes'],
  winter: ['kiwis', 'oranges']
};

const pineappleIdx = 0, kiwisIdx = 0;
const { summer: [_, pineapple], winter: [_, kiwis] } = fruitsPerSeason;

console.log(pineapple); // pineapple
console.log(kiwis); // kiwis
Salin selepas log masuk

Cara Ia Berfungsi:

  • Di sini, kami menggunakan _ sebagai pemegang tempat untuk mengabaikan elemen pertama dan hanya memusnahkan elemen yang kami perlukan berdasarkan indeks dinamik (walaupun indeks itu sendiri tidak digunakan secara dinamik dalam contoh ini).

Penggulungan:

Memusnahkan tatasusunan boleh menyelaraskan kod JavaScript anda, menjadikannya lebih bersih dan lebih ekspresif. Sama ada anda mengekstrak nilai secara kronologi, menyasarkan indeks tertentu atau bekerja dalam objek, teknik ini membantu anda mengendalikan tatasusunan dengan lebih cekap.

Itu sahaja, kawan-kawan! Semoga anda mendapati pecahan pemusnahan tatasusunan ini berguna dan berwawasan. ?

Sila ikuti saya di GitHub & LinkedIn untuk mendapatkan lebih banyak petua dan helah JavaScript!

GitHub

LinkedIn


Kekal pengekodan yang hebat dan gembira! ✨

Atas ialah kandungan terperinci ays untuk Memusnahkan Tatasusunan dalam JavaScript & menjadikan kod anda kelihatan bersih. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan