Apakah kegunaan pernyataan foreach dalam vue

Dalam vue, pernyataan foreach digunakan terutamanya untuk memanggil setiap elemen tatasusunan dan menghantar elemen kepada fungsi panggil balik Sintaks ialah "array.forEach(function(currentValue, index, array), thisValue) ".

Persekitaran pengendalian artikel ini: sistem Windows 10, versi Vue 2.9.6, komputer DELL G3.

Apakah kegunaan pernyataan foreach dalam vue

forEach() ialah kaedah mengendalikan tatasusunan dalam pembangunan bahagian hadapan Fungsi utamanya adalah untuk melintasi tatasusunan versi gelung untuk Pernyataan perlu mempunyai fungsi panggil balik sebagai parameter. Parameter formal bagi fungsi panggil balik ialah: 1. nilai: melintasi kandungan tatasusunan; 2. indeks: indeks tatasusunan yang sepadan, 3. tatasusunan: tatasusunan itu sendiri.

Dalam projek Vue, gelung dalam label menggunakan v-for, dan gelung dalam kaedah menggunakan forEach.

1. Prinsip penggunaan forEach()

Kaedah forEach() digunakan terutamanya untuk memanggil setiap elemen tatasusunan dan menghantar elemen ke fungsi panggil balik . Perlu diingatkan bahawa kaedah forEach() tidak akan melaksanakan fungsi panggil balik untuk tatasusunan kosong.

forEach: Array.prototype.forEach, kaedah hanya tersedia untuk tatasusunan, yang bersamaan dengan gelung for yang melintasi tatasusunan. Penggunaan: arr.forEach(function(item,index,array){...}), fungsi panggil balik mempunyai 3 parameter, item ialah elemen yang sedang dilalui, indeks ialah subskrip elemen yang sedang dilalui, array ialah array itu sendiri .

Kaedah forEach tidak akan melangkau unsur null dan undefined. Sebagai contoh, keempat-empat elemen dalam tatasusunan [1, undefine, null,, 2] akan dilalui Beri perhatian kepada perbezaan dari peta.

2. forEach() sintaks

array.forEach(function(currentValue, index, array), thisValue)

Contoh:

array.forEach(function(item,index,array){ ... })

forEach() Kandungan lain yang berkaitan

continue dan break forEach(): forEach() sendiri tidak menyokong continue dan break statement, tetapi ia boleh dilaksanakan melalui beberapa dan setiap.

Perbezaan antara forEach() dan map: forEach() tidak mempunyai nilai pulangan dan pada asasnya bersamaan dengan gelung for, melaksanakan fungsi fungsi pada setiap item. Iaitu, peta mengembalikan tatasusunan baharu dan tatasusunan asal kekal tidak berubah, manakala forEach menukar tatasusunan asal.

Perbandingan antara forEach() dan gelung for: gelung for mempunyai banyak langkah dan lebih rumit, manakala gelung forEach agak mudah, mudah digunakan dan kurang terdedah kepada ralat.

forEach() contoh:

Contoh satu:

let array = [1, 2, 3, 4, 5, 6, 7];
array.forEach(function (item, index) {
console.log(item); //输出数组的每一个元素
});

Contoh dua:

var array=[1, 2, 3, 4, 5];
array.forEach(function(item, index, array){
array[index]=4 * item;
});
console.log(array); //输出结果：修改了原数组元素，为每个元素都乘以4

[Cadangan berkaitan : "tutorial vue.js"]

Atas ialah kandungan terperinci Apakah kegunaan pernyataan foreach dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!