Hari - Pensijilan Profesional Yayasan avaScript oleh Mozilla

WBOY
Lepaskan: 2024-08-29 13:02:09
asal
812 orang telah melayarinya

Day - avaScript Foundations Professional Certification by Mozilla

Sorotan Konsep:

  1. Menggunakanuntuk...daridanuntuk...dalamGelung
  2. Perbezaan AntaraSet()danArray,Map()danObjekdanSet()danPeta()

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
Salin selepas log masuk

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
Salin selepas log masuk

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 pendua3, 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.
    • Objektidak menjamin susunan kunci.
  • Saiz:

    • Map()mempunyai sifatsaizyang memberikan bilangan pasangan nilai kunci.
    • Objekperlu 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() lwn. Map()

  • Tujuan:
    • Set()ialah koleksi nilai unik.
    • Map()ialah koleksi pasangan nilai kunci.
  • Kes Penggunaan:
    • Gunakan Set() apabila anda perlu menyimpan senarai item unik.
    • Gunakan Map() apabila anda perlu mengaitkan nilai dengan kunci.

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!

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
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!