Rumah > hujung hadapan web > tutorial js > Pembelajaran tatasusunan JS: lelaran melalui tatasusunan, kira jumlah elemen, dan gabungkan nilai ke dalam rentetan

Pembelajaran tatasusunan JS: lelaran melalui tatasusunan, kira jumlah elemen, dan gabungkan nilai ke dalam rentetan

青灯夜游
Lepaskan: 2021-08-25 17:55:42
asal
2063 orang telah melayarinya

Dalam artikel sebelumnya "Pembelajaran Tatasusunan JS: Cara Menyambung Semua Elemen dan Mengembalikan Rentetan", kami mengetahui tentang kaedah menukar tatasusunan kepada rentetan Rakan yang memerlukan boleh mempelajarinya. ~

Artikel ini akan membincangkan tentang operasi lelaran tatasusunan, dan memperkenalkan dua kaedah mengira jumlah elemen dan memautkan nilai ke dalam rentetan.

Kaedah 1. Gunakan kaedah forEach()

Kaedah forEach() digunakan untuk memanggil setiap elemen tatasusunan dan lulus elemen kepada fungsi panggil balik.

Sintaks:

array.forEach(funtion callbackfn(value, index, array), thisValue)
Salin selepas log masuk

funtion callbackfn(value, index, array): parameter yang diperlukan, nyatakan fungsi panggil balik, yang boleh menerima sehingga tiga parameter:

  • nilai : tatasusunan Nilai elemen.

  • indeks: Indeks angka bagi elemen tatasusunan.

  • tatasusunan: Objek tatasusunan yang mengandungi unsur.

thisValue: Parameter boleh diketepikan, objek boleh rujuk ini dalam fungsi panggil balik. Jika thisArg diketepikan, nilai ini tidak ditentukan.

Mari kita ketahui lebih lanjut mengenainya melalui contoh kod:

Contoh 1: Elemen tatasusunan output

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

Pembelajaran tatasusunan JS: lelaran melalui tatasusunan, kira jumlah elemen, dan gabungkan nilai ke dalam rentetan

Contoh 2: Kumpulkan jumlah nilai tatasusunan

var a = [10, 11, 12], sum = 0;
function f(value) {
	sum += value;
}

a.forEach(f);
console.log(sum);
Salin selepas log masuk

Pembelajaran tatasusunan JS: lelaran melalui tatasusunan, kira jumlah elemen, dan gabungkan nilai ke dalam rentetan

Contoh 3: Gabungkan nilai tatasusunan ke dalam rentetan

var a = ['ab', 'cd', 'ef'], str = "";
function f(value) {
	// str=str + value;
	str=str.concat(value);
}

a.forEach(f);
console.log(str);
Salin selepas log masuk

Pembelajaran tatasusunan JS: lelaran melalui tatasusunan, kira jumlah elemen, dan gabungkan nilai ke dalam rentetan

Kaedah 2. Gunakan kaedah reduce()

reduce() kaedah can Calls fungsi panggil balik yang ditentukan pada semua elemen dalam tatasusunan. Nilai pulangan bagi fungsi panggil balik ini ialah hasil terkumpul, dan nilai pulangan ini disediakan sebagai parameter pada kali berikutnya fungsi panggil balik dipanggil.

Sintaks:

array.reduce(function callbackfn(previousValue, currentVaule, currentIndex, array), initialValue)
Salin selepas log masuk

function callbackfn(previousValue, currentVaule, currentIndex, array): parameter yang diperlukan, nyatakan fungsi panggil balik, yang boleh menerima sehingga 4 parameter:

  • previousValue: Nilai yang diperoleh dengan memanggil fungsi panggil balik kali terakhir. Jika initialValue diberikan kepada kaedah reduce() , nilai sebelumnya ialah initialValue apabila fungsi itu mula-mula dipanggil.

  • currentVaule: Nilai tatasusunan elemen semasa.

  • currentIndex: Indeks berangka elemen tatasusunan semasa.

  • tatasusunan: Objek tatasusunan yang mengandungi unsur.

initialValue: Parameter boleh diketepikan, nilai awal yang dihantar kepada fungsi.

Mari kita ketahui lebih lanjut mengenainya melalui contoh kod:

Contoh 1: Kumpul dan jumlah nilai tatasusunan

var a = [11, 12, 13], sum = 0;
function f(pre,curr) {
	sum=pre+curr;
	return sum;
}

a.reduce(f);
console.log(sum);
Salin selepas log masuk

Hasil output:

36
Salin selepas log masuk

Contoh 2: Gabungkan nilai tatasusunan ke dalam rentetan

var a = [11, 12, 13], str = '';
function f(pre,curr) {
	str=pre+''+curr;
	return str;
}

a.reduce(f);
console.log(str);
Salin selepas log masuk

Pembelajaran tatasusunan JS: lelaran melalui tatasusunan, kira jumlah elemen, dan gabungkan nilai ke dalam rentetan

Jika anda ingin menggunakan pembatas untuk memisahkan Bagi setiap elemen tatasusunan, rentetan kosong antara dua " " operator dalam fungsi panggil balik boleh ditukar kepada pembatas yang ditentukan:

var a = [11, 12, 13], str = '';
function f(pre,curr) {
	str=pre+'-'+curr;
	return str;
}

a.reduce(f);
console.log(str);
Salin selepas log masuk

Pembelajaran tatasusunan JS: lelaran melalui tatasusunan, kira jumlah elemen, dan gabungkan nilai ke dalam rentetan

Baiklah, katakan Di sini anda pergi, anda boleh membacanya jika anda memerlukannya: Tutorial Lanjutan Javascript

Atas ialah kandungan terperinci Pembelajaran tatasusunan JS: lelaran melalui tatasusunan, kira jumlah elemen, dan gabungkan nilai ke dalam rentetan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan