Rumah > hujung hadapan web > tutorial js > Interaksi dalam Senarai dengan peta, untuk Setiap dan Kaedah Lain

Interaksi dalam Senarai dengan peta, untuk Setiap dan Kaedah Lain

Linda Hamilton
Lepaskan: 2024-10-02 08:16:29
asal
992 orang telah melayarinya

Interação em Listas com map, forEach e Outros Métodos

Apabila kita berurusan dengan senarai dalam bahasa pengaturcaraan moden, adalah perkara biasa untuk mencari beberapa cara untuk mengulangi elemennya dan melaksanakan operasi padanya. Struktur yang paling popular untuk ini termasuk peta, forEach, penapis dan kaedah lain. Kaedah ini penting untuk sesiapa sahaja yang ingin menulis kod yang lebih ringkas, cekap dan boleh dibaca. Mari terokai kaedah ini, perbezaannya, kelebihannya dan cara menggunakannya dengan betul.

1. Kaedah untuk Setiap

Apa itu?

forEach ialah kaedah yang digunakan untuk mengulangi senarai dan melaksanakan fungsi panggil balik untuk setiap elemen dalam senarai. Tidak seperti beberapa kaedah yang akan kita lihat nanti, ia tidak mengembalikan tatasusunan baharu, tetapi hanya melakukan tindakan pada setiap item dalam senarai.

Contoh Penggunaan:

Dalam JavaScript, kami boleh menggunakan forEach seperti berikut:

const numeros = [1, 2, 3, 4, 5];

numeros.forEach(numero => {
    console.log(numero * 2);
});
Salin selepas log masuk

Dalam contoh ini, kaedah forEach menggelung setiap nombor dalam senarai nombor dan mencetak dua kali nombor bagi setiap nilai. Di sini, hasilnya ialah:

2
4
6
8
10
Salin selepas log masuk

Kelebihan:

  • Mudah dan terus untuk menggunakan tindakan pada setiap item.
  • Tidak menukar senarai asal.

Had:

  • Tidak membenarkan mengembalikan nilai (tidak seperti peta).
  • Tidak boleh dirantai dengan kaedah lain yang memerlukan pengembalian senarai baharu.

2. Kaedah peta

Apa itu?

Peta ialah salah satu kaedah yang paling banyak digunakan dalam senarai. Ia mencipta tatasusunan baharu daripada hasil penggunaan fungsi pada setiap elemen dalam senarai asal. Perbezaan utama berbanding dengan forEach ialah peta mengembalikan tatasusunan baharu, bukannya hanya berulang.

Contoh Penggunaan:

Bersambung dengan contoh sebelumnya:

const numeros = [1, 2, 3, 4, 5];
const dobrados = numeros.map(numero => numero * 2);

console.log(dobrados);
Salin selepas log masuk

Di sini, kaedah peta mengembalikan senarai baharu yang mengandungi nombor berganda:

[2, 4, 6, 8, 10]
Salin selepas log masuk

Kelebihan:

  • Mengembalikan tatasusunan baharu dengan nilai yang diubah.
  • Sesuai untuk menukar data, tanpa mengubah suai senarai asal.

Had:

  • Tidak sesuai apabila anda hanya perlu mengulang tanpa mengubah suai nilai (dalam kes ini, forEach adalah lebih sesuai).

3. Kaedah penapis

Apa itu?

Penapis mencipta tatasusunan baharu yang mengandungi hanya elemen yang lulus ujian yang ditentukan oleh fungsi panggil balik. Kaedah ini berguna apabila kita ingin mengalih keluar atau memilih item berdasarkan syarat.

Contoh Penggunaan:

const numeros = [1, 2, 3, 4, 5];
const pares = numeros.filter(numero => numero % 2 === 0);

console.log(pares);
Salin selepas log masuk

Di sini, penapis akan mengembalikan nombor genap sahaja:

[2, 4]
Salin selepas log masuk

Kelebihan:

  • Berguna untuk membuat senarai berdasarkan syarat.
  • Tidak mengubah suai senarai asal.

Had:

  • Tidak boleh digunakan untuk mengubah data, hanya penapis.

4. Kaedah mengurangkan

Apa itu?

reduce ialah kaedah yang lebih maju yang mengumpul nilai berdasarkan item dalam senarai. Ia boleh digunakan untuk menambah nilai, menggabungkan rentetan atau membina objek kompleks daripada senarai.

Contoh Penggunaan:

const numeros = [1, 2, 3, 4, 5];
const soma = numeros.reduce((acumulador, numero) => acumulador + numero, 0);

console.log(soma);
Salin selepas log masuk

Dalam contoh ini, kurangkan terkumpul jumlah semua nombor dalam senarai:

15
Salin selepas log masuk

Kelebihan:

  • Sangat berkuasa dan fleksibel untuk mencipta hasil yang kompleks.
  • Boleh digunakan untuk menukar senarai kepada nilai terkumpul.

Had:

  • Sintaks boleh menjadi sedikit lebih rumit untuk pemula.
  • Kurang mudah untuk operasi lelaran yang mudah.

5. Kaedah mencari

Apa itu?

find digunakan untuk mencari elemen pertama yang memenuhi syarat dalam senarai. Ia mengembalikan item pertama yang sepadan dengan fungsi ujian dan menghentikan lelaran apabila ia menjumpai elemen.

Contoh Penggunaan:

const numeros = [1, 2, 3, 4, 5];
const primeiroPar = numeros.find(numero => numero % 2 === 0);

console.log(primeiroPar);
Salin selepas log masuk

Di sini, find mengembalikan nombor genap pertama:

2
Salin selepas log masuk

Kelebihan:

  • Sangat bagus untuk mencari satu item yang sepadan dengan keadaan dengan cepat.
  • Menghentikan lelaran apabila mencari item padanan pertama.

Had:

  • Hanya mengembalikan item pertama yang ditemui; jika anda memerlukan semua item, penapis akan lebih sesuai.

6. Beberapa dan setiap Kaedah

Apakah mereka?

Kaedah sesetengah menyemak sama ada sekurang-kurangnya satu item dalam senarai sepadan dengan syarat. Setiap menyemak sama ada semua item dalam senarai lulus ujian.

Exemplo de Uso de some:

const numeros = [1, 2, 3, 4, 5];
const temNumeroMaiorQue3 = numeros.some(numero => numero > 3);

console.log(temNumeroMaiorQue3);
Salin selepas log masuk

Este código retornará:

true
Salin selepas log masuk
Salin selepas log masuk

Já o every funciona da seguinte forma:

const todosPositivos = numeros.every(numero => numero > 0);
console.log(todosPositivos);
Salin selepas log masuk

Este código retornará:

true
Salin selepas log masuk
Salin selepas log masuk

Vantagens:

  • Útil para checar condições sobre a lista inteira sem precisar iterar manualmente.

Limitações:

  • Não retorna um novo array, apenas valores booleanos.

Conclusão

Os métodos de iteração em listas, como map, forEach, filter, reduce, find, some e every, são ferramentas poderosas para processar dados de forma eficiente e legível. Saber quando usar cada um deles pode melhorar significativamente a qualidade e a eficiência do código, tornando-o mais expressivo e mantendo o foco nas operações necessárias.

  • Use forEach quando você precisa apenas iterar sobre os elementos e não precisa retornar nada.
  • Use map quando deseja transformar os elementos de uma lista e obter um novo array.
  • Use filter para criar uma lista baseada em uma condição.
  • Use reduce para transformar a lista em um único valor acumulado.
  • Use find para localizar o primeiro item que satisfaça uma condição.
  • Use some e every para verificar condições booleanas em listas.

Com essa base, você poderá criar código mais limpo e eficiente, aproveitando ao máximo o poder dessas funções.

Atas ialah kandungan terperinci Interaksi dalam Senarai dengan peta, untuk Setiap dan Kaedah Lain. 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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan