Sorotan Konsep:
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.
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.
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.
JavaScript menyediakan pelbagai struktur data, masing-masing dengan kekuatan dan kelemahannya. Saya meneroka perbezaan antara beberapa yang paling biasa digunakan:
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 pendua3, manakala Array mengekalkannya. Set() berguna apabila anda memerlukan koleksi item unik.
Jenis Utama:
Pesanan:
Saiz:
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.
cth.)
`
let mySet = new Set([1, 2 ,3]);
let myMap = new Map([['key1', 'value1'], ['key2', 'value2']]);
console.log(mySet.has(2)); // Output: benar
console.log(myMap.get('key1')); // Output: 'nilai'1
`
Dalam contoh ini, Set() digunakan untuk menyemak kewujudan nilai, manakala Map() digunakan untuk mendapatkan nilai yang dikaitkan dengan kunci.
Atas ialah kandungan terperinci Hari - Pensijilan Profesional Yayasan avaScript oleh Mozilla. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!