Cara menggunakan foreach() dalam es6

Dalam es6, kaedah foreach() digunakan untuk melintasi tatasusunan, memanggil setiap elemen tatasusunan dan menghantar elemen itu kepada fungsi panggil balik untuk diproses, sintaks "array.forEach(function(currentValue, indeks,arr) ,Nilai ini)”.

Persekitaran pengendalian tutorial ini: sistem Windows 7, ECMAScript versi 6, komputer Dell G3.

Dalam es6, kaedah foreach() digunakan untuk melintasi tatasusunan, memanggil setiap elemen tatasusunan dan menghantar elemen itu kepada fungsi panggil balik untuk diproses. Arahan khusus adalah seperti berikut:

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

Untuk setiap elemen yang muncul dalam tatasusunan, kaedah forEach akan memanggil fungsi callbackfn sekali, dalam susunan indeks menaik, tetapi tidak akan memanggil fungsi panggil balik untuk elemen kosong dalam tatasusunan.

Selain objek tatasusunan, kaedah forEach boleh digunakan pada mana-mana objek yang mempunyai sifat panjang dan mempunyai nama sifat yang diindeks secara berangka, seperti objek tatasusunan bersekutu, Argumen, dsb.

Kaedah forEach tidak mengubah suai tatasusunan asal secara langsung, tetapi fungsi panggil balik boleh mengubah suainya. Keputusan yang diperoleh dengan mengubah suai objek tatasusunan selepas kaedah forEach dimulakan adalah seperti yang ditunjukkan dalam jadual.

Contoh 1

Contoh berikut menggunakan forEach untuk mengulang tatasusunan a, dan kemudian mengeluarkan dan memaparkan indeks nilai dan subskrip bagi setiap elemen adalah seperti berikut:

function f(value,index,array) {
    console.log("a[" + index + "] = " + value);
}
var a = ['a', 'b', 'c'];
a.forEach(f);

Hasil demonstrasi adalah seperti berikut:

Contoh 2

The contoh berikut menggunakan forEach untuk mengulang tatasusunan a dan kemudian mengira Jumlah elemen tatasusunan dan output.

var a = [10, 11, 12], sum = 0;
a.forEach (function (value) {
    sum += value;
});
console.log(sum);  //返回33

Contoh 3

Contoh berikut menunjukkan cara menggunakan parameter kedua kaedah forEach(), iaitu objek yang diluluskan ini bagi fungsi panggil balik . Apabila melelaran pada tatasusunan, nilai elemen tatasusunan dibaca dahulu dan kemudian nilainya ditimpa.

var obj = {
    f1 : function(value,index,array) {
        console.log("a[" + index + "] = " + value);
        arrar[index] = this.f2(value);
    },
    f2 : function (x) {return x * x;}
};
var a = [12, 26, 36];
a.forEach(obj.f1, obj);
console.log(a);  //返回[144, 676, 1296]

[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web]

Atas ialah kandungan terperinci Cara menggunakan foreach() dalam es6. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!