Hari - Pensijilan Profesional Yayasan avaScript oleh Mozilla

Sorotan Konsep:

1. Menggunakan untuk...dari dan untuk...dalam Gelung
2. Perbezaan Antara Set() dan Array, Map() dan Objek dan Set() dan Peta()

1. Menggunakan untuk...daripada dan untuk...dalam Gelung

Looping ialah konsep asas dalam pengaturcaraan, membolehkan untuk melaksanakan blok kod beberapa kali. Dalam JavaScript, untuk...daripada dan untuk...dalam ialah dua gelung yang biasa digunakan, tetapi ia mempunyai tujuan yang berbeza. Memahami perbezaan boleh membantu anda menulis kod yang lebih cekap dan berkesan.

1.1 untuk...daripada Gelung

Gelung for...of digunakan untuk mengulangi objek boleh lelar, seperti tatasusunan, rentetan, peta dan set. Ia menyediakan cara yang mudah untuk mengakses setiap nilai dalam urutan tanpa perlu risau tentang indeks.

cth.)

let teams = ['Red Sox', 'Dodgers', 'Padres']; 

for (let team of teams) {
   console.log(team);
}

// Output: 
// Read Sox
// Dodgers
// Padres

Dalam contoh ini, for...of terus mengakses setiap elemen (pasukan) dalam tatasusunan pasukan dan logkannya ke konsol. Gelung ini sesuai apabila anda hanya memerlukan nilai dan bukan indeks.

1-2. untuk...dalam Gelung

Gelung untuk...dalam, sebaliknya, digunakan untuk mengulangi sifat (kunci) objek. Ia sering digunakan dengan objek, tetapi ia juga boleh digunakan dengan tatasusunan untuk mengakses indeks.

cth.)

let Mariners = {place: 'Seattle', league: 'American', color: 'navy blue'}; 

for (let key in Mariners) {
   console.log(`${key}: ${Mariners[key]}`); 
}

// Output: 
// place: Seattle
// league: American
// color: navy blue

Dalam contoh ini, for...in berulang ke atas kekunci objek Mariners, membenarkan untuk mengakses kedua-dua kunci dan nilai yang sepadan. Adalah penting untuk ambil perhatian bahawa for...in harus digunakan dengan berhati-hati dengan tatasusunan, kerana ia berulang ke atas semua sifat terhitung, bukan hanya indeks angka.

1-3. Perbezaan Utama

• Tujuan:
  • untuk...daripada: Mengulang nilai objek boleh lelar (tatasusunan, rentetan, set, peta).
  • for...in: Berulang ke atas sifat terhitung (kunci) objek.
• Kes Penggunaan:
  • Gunakan untuk...apabila anda perlu mengakses nilai secara terus.
  • Gunakan untuk...dalam apabila anda perlu mengakses kekunci atau nama harta benda.

2. Perbezaan Antara Set() dan Array, Map() dan Objek, dan Set() dan `Map()

JavaScript menyediakan pelbagai struktur data, masing-masing dengan kekuatan dan kelemahannya. Saya meneroka perbezaan antara beberapa yang paling biasa digunakan:

2-1. Set() lwn. Array

• Keunikan:
  • Set() menyimpan nilai unik, bermakna tiada pendua dibenarkan.
  • Array membenarkan nilai pendua.
• Pesanan:
  • Set() mengulangi susunan sisipan.
  • Array juga mengekalkan susunan sisipan, tetapi pendua boleh mengubah cara anda berinteraksi dengannya.

cth.)

`

biar mySet = Set baharu([1, 2, 3, 3, 4]);
biarkan myArray = [1, 2, 3, 3, 4];

console.log(mySet) // Output: Set { 1, 2, 3, 4 }
console.log(myArray) // Output: [1, 2, 3, 3, 4]

`

Dalam contoh ini, Set() secara automatik mengalih keluar pendua 3, manakala Array mengekalkannya. Set() berguna apabila anda memerlukan koleksi item unik.

2-2. Peta() lwn. Objek

• Jenis Utama:

  • Map(): Kekunci boleh terdiri daripada sebarang jenis, termasuk objek, fungsi dan jenis primitif.
  • Objek: Kekunci biasanya rentetan atau simbol.

• Pesanan:

  • Map() mengekalkan susunan sisipan.
  • Objek tidak menjamin susunan kunci.

• Saiz:

  • Map() mempunyai sifat saiz yang memberikan bilangan pasangan nilai kunci.
  • Objek perlu menentukan saiz secara manual dengan mengulangi kekunci.

cth.)

`
biarkan myMap = new Map();
myMap.set('nama', 'John');
myMap.set(42, 'Jawapannya');
myMap.set({}, 'Objek kosong');

biar myObject = {
nama: 'John',
42: 'Jawapannya',
{}: 'Objek kosong'
};

console.log(myMap.size); // Output: 3
console.log(Object.keys(myObject).length); // Output: 2 (disebabkan penukaran rentetan kunci)
`
Dalam contoh ini, Map() membenarkan penggunaan pelbagai jenis kunci, manakala kekunci objek ditukar kepada rentetan. Selain itu, Map() menyediakan saiz peta dengan mudah, manakala untuk objek, anda perlu mengira kekunci secara manual.

2-3. Set() 与 Map()

• 目的：
  • Set() 是唯一值的集合。
  • Map() 是键值对的集合。
• 用例：
  • 当您需要存储唯一项目的列表时，请使用 Set()。
  • 当您需要将值与键关联时，请使用 Map()。

例如）

`
让 mySet = new Set([1, 2 ,3]);
让 myMap = new Map([['key1', 'value1'], ['key2', 'value2']]);

console.log(mySet.has(2)); // 输出：true
console.log(myMap.get('key1')); // 输出：'值'1
`
在此示例中，Set() 用于检查值是否存在，而 Map() 用于检索与键关联的值。

Atas ialah kandungan terperinci Hari - Pensijilan Profesional Yayasan avaScript oleh Mozilla. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!