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
Linda Hamiltonasal
2024-10-02 08:16:29987semak imbas

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);
});

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

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);

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

[2, 4, 6, 8, 10]

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);

Di sini, penapis akan mengembalikan nombor genap sahaja:

[2, 4]

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);

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

15

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);

Di sini, find mengembalikan nombor genap pertama:

2

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);

Este código retornará:

true

Já o every funciona da seguinte forma:

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

Este código retornará:

true

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!

Kenyataan:
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