Rumah > Artikel > hujung hadapan web > Bagaimana untuk membuat tatasusunan panjang dinamik dengan nombor dan jumlahkan nombor menggunakan JavaScript?
Bagaimana untuk membuat tatasusunan panjang dinamik dengan nombor dan jumlahkan nombor menggunakan JavaScript?
- PHPzke hadapan
- 2023-08-26 19:29:06820semak imbas
Dalam JavaScript, panjang tatasusunan sentiasa dinamik. Seperti bahasa pengaturcaraan lain, kita tidak perlu menentukan panjang tatasusunan semasa menciptanya. Jadi, kita boleh mencipta tatasusunan dan menolak sebarang bilangan elemen ke dalam tatasusunan JavaScript. Di sini kita akan mencipta panjang dinamik tatasusunan dan menambah nombor padanya. Selepas itu, kami akan menjumlahkan semua nombor. Tutorial ini akan mengajar kami membuat tatasusunan panjang dinamik yang mengandungi nombor dan menjumlahkan nombor menggunakan JavaScript.
Gunakan gelung for untuk menjumlahkan semua elemen tatasusunan dinamik
Kita boleh mengulang tatasusunan menggunakan gelung for dan menambah setiap elemen untuk mendapatkan jumlah semua elemen. Kami akan menggunakan gelung normal for dan gelung for-of untuk mengakses elemen tatasusunan dan menambah semua elemen ke dalam satu pembolehubah.
Tatabahasa
Pengguna boleh menggunakan gelung for untuk menjumlahkan semua elemen tatasusunan panjang dinamik dengan mengikut sintaks di bawah.
let arraySum = 0;
for (let i = 0; i < length; i++) {
arraySum += dynamicArray[i];
}
Dalam sintaks di atas, panjang ialah panjang tatasusunan dinamik. Kami menambah semua elemen pada pembolehubah arraySum.
Langkah
Gunakan kaedah Math.random() dan hasilkan integer rawak untuk digunakan sebagai panjang tatasusunan dinamik.
Selain itu, julat panjang tatasusunan dinamik boleh ditakrifkan dengan mendarab panjang yang dijana secara rawak dengan sebarang integer. Sebagai contoh, jika anda ingin mencipta tatasusunan dinamik dengan panjang antara 0 dan 15, darabkan integer rawak dengan 15 kerana ia akan menjana nilai antara 0 dan 10.
Sekarang, gunakan gelung for untuk memulakan nilai. Untuk memulakan nilai rawak, kami sekali lagi menggunakan kaedah Math.random() dan darabkannya dengan 5 untuk menjana nilai rawak antara 0 dan 5.
Gunakan kaedah Math.round() untuk membundarkan nombor yang dijana secara rawak.
Buat pembolehubah arraysum dan mulakan dengan sifar.
Sekarang, ulangi setiap elemen tatasusunan dan pembolehubah arraySum.
Contoh 1
Dalam contoh di bawah, kami menggunakan fungsi Math.random() untuk menjana panjang tatasusunan dinamik, memulakan tatasusunan dengan nilai rawak dan menggunakan for-lop untuk menjumlahkan semua nilai tatasusunan.
Dalam output, pengguna boleh melihat nilai tatasusunan dan jumlahnya. Selain itu, setiap kali pengguna menjalankan kod di bawah, ia mencipta tatasusunan baharu dengan panjang dan nilai yang berbeza.
<html>
<body>
<h2>Using the <i> for-loop </i> add all elements of the array of numbers of dynamic length.</h2>
<div id = "output"> </div>
<script>
let output = document.getElementById('output');
let length = Math.random() * 15;
let dynamicArray = [];
for (let i = 0; i < length; i++) {
dynamicArray[i] = Math.round(Math.random() * 5);
}
let arraySum = 0;
for (let i = 0; i < length; i++) {
arraySum += dynamicArray[i];
}
output.innerHTML += "The array of random number is " + dynamicArray + "<br/>";
output.innerHTML += "The sum of all array elements is " + arraySum + "<br/>";
</script>
</body>
</html>
Contoh 2
Dalam contoh di bawah, kami mendapat panjang tatasusunan dinamik daripada pengguna. Selain itu, kami mendapat setiap nilai tatasusunan daripada pengguna. Selepas menyimpan input pengguna ke dalam tatasusunan dinamik, kami mengulanginya menggunakan gelung for-of.
Apabila gelung for berulang, kami menambah setiap elemen tatasusunan kepada pembolehubah jumlah.
<html>
<body>
<h2>Using the <i> for-of loop </i> add all elements of the array of numbers of dynamic length.</h2>
<div id = "output"> </div>
<script>
let output = document.getElementById('output');
// take the dynamic length of the array from users
let length = +prompt("Enter a length of the dynamic array", 5);
let dynamicArray = [];
// take array inputs from users
for (let i = 1; i <= length; i++) {
dynamicArray.push(+prompt("Enter " + i + "th number value", 0))
}
let sum = 0;
// using the for-of loop to get a sum of all elements
for (let element of dynamicArray) {
sum += element;
}
output.innerHTML += "The array of random number is " + dynamicArray + "<br/>";
output.innerHTML += "The sum of all array elements is " + sum + "<br/>";
</script>
</body>
</html>
Gunakan kaedah array.reduce() untuk menjumlahkan semua nombor tatasusunan dinamik
Kaedaharray.reduce() mengurangkan tatasusunan kepada satu elemen dengan melakukan berbilang operasi. Kita boleh mencipta pembolehubah untuk menyimpan jumlah semua elemen tatasusunan dan mengurangkan tatasusunan dengan menambahkan setiap elemen kepada pembolehubah jumlah.
Tatabahasa
Pengguna boleh menggunakan kaedah reduce() untuk menjumlahkan semua elemen tatasusunan dinamik mengikut sintaks berikut
let sumOfArray = inputArray.reduce((element, currentSum) => element + currentSum, 0)
Dalam sintaks di atas, elemen ialah elemen tatasusunan, currentSum ialah jumlah semua elemen tatasusunan sehingga indeks ke-i, dan jumlah tatasusunan mengandungi jumlah akhir semua elemen tatasusunan.
Contoh 3
Dalam contoh di bawah, kami telah mencipta tatasusunan dinamik dengan mendapatkan input pengguna. Selain itu, pengguna dapat melihat bahawa kami menggunakan operator unari "+" sebelum gesaan untuk menukar rentetan kepada nombor.
Akhir sekali, kami menggunakan kaedah array.reduce() untuk menjumlahkan semua input pengguna yang disimpan dalam tatasusunan.
Using the array.reduce() method to add all elements of the array of numbers of dynamic length
<script> let output = document.getElementById('output'); let arrayLen = +prompt("Enter any number to create array of that length", 10); let inputArray = []; for (let i = 1; i <= arrayLen; i++) { inputArray[i] = +prompt("Enter " + i + "th number value", 5); } let sumOfArray = inputArray.reduce((element, currentSum) => element + currentSum, 0) output.innerHTML += "The length of the array is " + arrayLen + "<br/>"; output.innerHTML += "The array of random number is " + inputArray + "<br/>"; output.innerHTML += "The sum of all array elements is " + sumOfArray + "<br/>"; </script>
Kami belajar cara membuat tatasusunan panjang dinamik dalam JavaScript. Selain itu, kami belajar menggunakan gelung for dan kaedah reduce() untuk menjumlahkan semua elemen tatasusunan panjang dinamik. Kita juga boleh menggunakan gelung while.
Atas ialah kandungan terperinci Bagaimana untuk membuat tatasusunan panjang dinamik dengan nombor dan jumlahkan nombor menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!