Contoh Berkuasa Memusnahkan Tugasan dalam JavaScript

Tugasan memusnahkan ialah gula sintaktik yang diperkenalkan dalam ES6 yang membolehkan anda membongkar nilai daripada tatasusunan atau objek kepada pembolehubah. Ia boleh memudahkan kod anda dengan ketara dan menjadikannya lebih mudah dibaca.

Memusnahkan Tatasusunan

Contoh Asas:

const numbers = [1, 2, 3, 4];
const [first, second, ...rest] = numbers;

console.log(first); // Output: 1
console.log(second); // Output: 2
console.log(rest); // Output: [3, 4]

• Melangkau Elemen: Anda boleh melangkau elemen dengan menggunakan koma:

const [first, , third] = numbers;
console.log(first, third); // Output: 1 3

• Tatasusunan Bersarang: Pemusnahan boleh digunakan pada tatasusunan bersarang:

const nestedArray = [[1, 2], [3, 4]];
const [[a, b], [c, d]] = nestedArray;
console.log(a, b, c, d); // Output: 1 2 3 4

Memusnahkan Objek

Contoh Asas:

const person = { name: 'Alice', age: 30, city: 'New York' };
const { name, age, city } = person;

console.log(name, age, city); // Output: Alice 30 New York

• Menamakan Semula Sifat: Anda boleh menamakan semula sifat semasa pemusnahan:

const { name: firstName, age, city } = person;
console.log(firstName, age, city); // Output: Alice 30 New York

• Nilai Lalai: Berikan nilai lalai untuk sifat yang mungkin tiada:

const { name, age = 25, city } = person;
console.log(name, age, city); // Output: Alice 30 New York

• Objek Bersarang: Memusnahkan objek bersarang:

const person = { name: 'Alice', address: { street: '123 Main St', city: 'New York' } };
const { name, address: { street, city } } = person;
console.log(name, street, city); // Output: Alice 123 Main St New York

Tukar Pembolehubah

Pemusnahan boleh digunakan untuk menukar pembolehubah secara ringkas:

let a = 10;
let b = 20;

[a, b] = [b, a];

console.log(a, b); // Output: 20 10

Memusnahkan Parameter Fungsi

Anda boleh memusnahkan parameter fungsi untuk menjadikannya lebih mudah dibaca:

function greet({ name, age }) {
  console.log(`Hello, ${name}! You are ${age} years old.`);
}

greet({ name: 'Alice', age: 30 });

Dengan menggunakan tugasan memusnahkan secara berkesan, anda boleh menulis kod JavaScript yang lebih bersih, ringkas dan lebih mudah dibaca.

Atas ialah kandungan terperinci Contoh Berkuasa Memusnahkan Tugasan dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!