Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menambah elemen tatasusunan dalam JavaScript

Bagaimana untuk menambah elemen tatasusunan dalam JavaScript

青灯夜游
青灯夜游asal
2022-10-13 16:07:049394semak imbas

3 cara untuk melaksanakan: 1. Gunakan untuk gelung, sintaks "untuk(i=0;i

Bagaimana untuk menambah elemen tatasusunan dalam JavaScript

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

Kaedah 1: Gunakan untuk gelung

Idea pelaksanaan:

  • Gunakan untuk gelung untuk melintasi tatasusunan

  • Dalam badan gelung, gunakan operator "=" untuk menambah dan menjumlahkan elemen tatasusunan satu demi satu

Contoh pelaksanaan:

var arr = [1,2,3,4,5,6,7,8,9,10];
var i,sum=0;
for(i=0;i<arr.length;i++){  //循环遍历数组
	//将数组元素一个个相加求和
	sum+=arr[i];
}
console.log(sum);

Bagaimana untuk menambah elemen tatasusunan dalam JavaScript

Kaedah 2. Gunakan kaedah forEach()

kaedah forEach() digunakan untuk memanggil tatasusunan setiap elemen dan menghantar elemen ke fungsi panggil balik.

Sintaks:

array.forEach(funtion callbackfn(value, index, array), thisValue)

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: Kumpul dan jumlah nilai tatasusunan

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

a.forEach(f);
console.log(sum);

Bagaimana untuk menambah elemen tatasusunan dalam JavaScript

Kaedah 3. Gunakan kaedah reduce()

Kaedah reduce() boleh memanggil fungsi panggil balik yang ditentukan untuk 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)

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(), previousValue ialah initialValue apabila fungsi pertama kali 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 lihat lebih dekat contoh kod:

Contoh: Kumpul dan jumlahkan nilai tatasusunan

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

a.reduce(f);
console.log(sum);

Hasil output:

Bagaimana untuk menambah elemen tatasusunan dalam JavaScript

[Cadangan berkaitan: tutorial video javascript, Video pengaturcaraan]

Atas ialah kandungan terperinci Bagaimana untuk menambah elemen tatasusunan dalam JavaScript. 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