Looping Array Javascript

Tanggal : 28 Dec 2018, Category : JavaScript, Create By : admin

Looping adalah sebuah metode perulangan dimana bisanya perulangan tersebut akan menghasilakan sebuah data berurutan, misalkan looping angka numerik 1 sampai dengan 10 maka looping akan mencetak 1 2 3 4 5 6 7 8 9 10 jika dalam bahasa pemprograman javascript anda bisa melakukan atau menulis script dibawah ini.

for (i = 1; i <= 10; i++){

}

i      : adalah variabel yang di isi nilai 1

<=  : adalah operator lebih dari sama dengan 

i++ : adalah fungsi untuk menambah 1 variabel i

Dari contoh script di atas hanya menampilkan angka 1 sampai dengan 10, karena di situ ada operator yang berjalan hanya ketika nilai i dibawah atau sama dengan nilai 10.

Sekarang kita akan coba menggunakan looping dengan array, apa itu array, array adalah sebuah kumpulan data, maka dari itu nilai array kita ambil ada berapa data yang ada di dalam array tersebut, oke mari kita langsung ke contoh scriptnya.

<script>
var cars = ["BMW", "Volvo", "Saab", "Ford", "Fiat", "Audi"];
var text = "";
var i;
for (i = 0; i < cars.length; i++) {
text += cars[i] + "<br>";
}
document.getElementById("demo").innerHTML = text;
</script>

output :

BMW
Volvo
Saab
Ford
Fiat
Audi

Nilai array akan di awali dari nilai 0 (nol) maka dari itu variabel i kita isi dengan angka nol kemudian operator dari pembatas pencetakan data kita menggunakan fungsi cars.length untuk mengetahui jumlah data array yang ada.

Mungkin hanya itu yang bisa kami sampaikan semoga bermanfaat


Keyword:
  • Looping Array JavaScript
  • looping javascript
  • array javascript
  • for javascript

Artikel Lain

Fungsi Css Float

Date : 08 Aug 2018, Category : CSS, Create By : admin

Dalam script css banyak sekali propertis di dalamnya, seperi backgroud, color, dll, tapi sekarang kita akan membahas tentang propertis css Float, Float dalam bahasa Indonesia artinya adalah mengapung jadi Fungsi Float .....

How To Install Nginx On Debian Server

Date : 13 Feb 2023, Category : Server, Create By : admin

To install Nginx on a Debian server, you need to follow these steps: Update the package list:  sudo apt-get update Install Nginx:  sudo apt-get install nginx Start the Nginx service:  sudo systemctl start nginx Check the status .....

Html Headings And How To Use Them

Date : 15 Feb 2023, Category : HTML, Create By : admin

HTML headings are used to define the structure and hierarchy of content on a web page. There are six levels of headings in HTML, from H1 to H6, where H1 .....