Menguasai Operator Pemusnahan dan Spread/Rehat dalam JavaScript ✨

Pembangun JavaScript, adakah anda bersedia untuk memudahkan kod anda dan menjadikannya lebih bersih, lebih mudah dibaca dan berkuasa? Mari kita selami Memusnahkan dan Operator Spread/Rehat! ?

---

1. Apakah Pemusnahan?

Pemusnahan membolehkan anda membongkar nilai daripada tatasusunan atau sifat daripada objek kepada pembolehubah yang berbeza. Daripada verbose, kod berulang, penstrukturan menyediakan cara ringkas untuk mengekstrak dan menggunakan data.

// Without Destructuring
const user = { name: "Ali", age: 25, country: "Iran" };
const name = user.name;
const age = user.age;

// With Destructuring
const { name, age } = user; // ? Clean and elegant!
console.log(name, age); // Output: "Ali", 25

? Kes Penggunaan:

• Mengekstrak berbilang sifat objek.
• Bekerja dengan hujah fungsi.

---

2. Operator Spread (...)

Operator Spread mengembangkan elemen tatasusunan atau objek ke dalam elemen individu.

// Expanding an array
const numbers = [1, 2, 3];
const moreNumbers = [...numbers, 4, 5]; 
console.log(moreNumbers); // Output: [1, 2, 3, 4, 5]

// Merging objects
const user = { name: "Ali", age: 25 };
const updatedUser = { ...user, country: "Iran" };
console.log(updatedUser); // { name: "Ali", age: 25, country: "Iran" }

? Kes Penggunaan:

• Mengklon tatasusunan/objek.
• Menggabungkan berbilang tatasusunan/objek.

---

3. Operator Rehat (...)

Operator Rehat mengumpulkan seluruh elemen ke dalam tatasusunan atau objek baharu.

// Rest with arrays
const [first, ...rest] = [1, 2, 3, 4];
console.log(first); // Output: 1
console.log(rest);  // Output: [2, 3, 4]

// Rest with objects
const { name, ...otherDetails } = { name: "Ali", age: 25, country: "Iran" };
console.log(otherDetails); // Output: { age: 25, country: "Iran" }

? Kes Penggunaan:

• Menghimpunkan item tatasusunan yang tinggal.
• Memudahkan hujah dinamik untuk fungsi.

---

4. Bonus: Memusnahkan dengan Fungsi

Anda boleh memusnahkan terus dalam parameter fungsi untuk menulis kod yang lebih mudah dibaca dan berfungsi.

function greet({ name, country }) {
  console.log(`Hello ${name} from ${country}!`);
}

const user = { name: "Ali", age: 25, country: "Iran" };
greet(user); // Output: Hello Ali from Iran!

---

?? Petua Pro: Gabungkan penstrukturan dengan hamparan/rehat untuk produktiviti maksimum dalam projek JavaScript anda!

Ciri yang manakah anda rasa paling berguna? Beritahu saya dalam komen di bawah! ?

Atas ialah kandungan terperinci Menguasai Operator Pemusnahan dan Spread/Rehat dalam JavaScript ✨. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!