Array (Java script)

September 03, 2019

Array (Java script)

PRAKTIKUM 13

Nama : M.Fadlul Hafiizh

Kelas : XI-RPL 2

Assalamualaikum, yapss kembali dipostingan saya kaliini. dan sekarang kita akan mengenal yang namanya array. array merupakan struktur data yang memungkinkan menyimpan himpunan/kelompok data dalam suatu variabel. dan himpunan data tersebut memiliki nomor urut mulai dari 0. nomor urut ini bisa kita sebut sebagai sebuah indeks yang nanti indeks ini akan berguna untuk mengaksen data yang ada dalam array tersebut. Contoh penulisan array pada java script ini adalah :

var hewan = ["kucing", "tikus", "kecoa", "kelabang"];

nah jadi penjelasannya, jika kita umpamakan variabel hewan itu berperan sebagai sebuah wadah yang didalamnya terdapat beberapa data yang dituliskan didalam tanda kurung siku "[]". lalu mengaksen data yang ada dalam array kita gunakan nomor urut. Yang perlu kita catat bahwa nomor urut itu dimulai dari angka nol 0. misal untuk mengaksen data "kucing" nomor urutnya adalah "0" dan untuk mengaksen "kecoa" nomor urutnya adalah "2".

okey... agar lebih jelas berikut ini ada beberapa contohnya :

Buat Array

<!DOCTYPE html>
<html>
<head>
 <title>Buat Array M.Fadlul Hafiizh XI-RPL 2</title>
 <link href="BuatArray.css" rel="stylesheet" type="text/css"></link>
</head>
<body>

<p id="coba2">
<script>

var siswaXTKJ1 =["Adi", "Adnan", "Arvi", "Devina", "Lukman", "Pahmi"];
document.getElementById("coba2").innerHTML = siswaXTKJ1[4];

</script>

</p>
</body>
</html>

Hasilnya :

Membuat Array 2

<!DOCTYPE html>
<html>
<head>
 <title>M.Fadlul Hafiizh XI-RPL 2</title>
 <link rel="stylesheet" type="text/css" href="BuatArray.css">
</head>
<body>

<p id="coba2">
<script>

var siswa= new Array("Wicky", "Subi", "Rajab","Renaldi");

document.getElementById("coba2").innerHTML = siswa[2];

</script>

</p>
</body>
</html>

Hasilnya :

Array As Object

<!DOCTYPE html>
<html>
<head>
 <title>Array as Object M.Fadlul Hafiizh XI-RPL 2</title>
</head>
<body>

<p id="objek">
<script>

var person = {firstName:"Mochamad", lastName:"Faisal", age:15};

document.getElementById("objek").innerHTML = person["firstName"];

</script>

</p>
</body>
</html>

Hasilnya :

Acces Data On Array

<!DOCTYPE html>
<html>
<head>

<title>Buat Array M.Fadlul Hafiizh XI-RPL 2</title><link href="BuatArray.css" rel="stylesheet"
type="text/css"></link></head>

<body>

<p id="coba">
<script>

var arrayHewan = ["Buaya", "Harimau", "Gajah", "Singa", "Jerapah", "Zebra",
"Monyet", "Kelinci", "Lutung","Kuda"];

document.write( "Di bonbin ada " + arrayHewan[0]+" dan "+arrayHewan[8]+
arrayHewan[6]+ " dan teman-temannya");

</script>

</p>
</body>
</html>

Hasilnya :

Css Yang Digunakan

p#objek, #coba{
 font-size: 35px;
 color: orange;
 font-family: comic sans ms bold italic;
 text-shadow: 1px 1px 1px red;
}

p#coba2{
 color: magenta;
 font-size: 27px;
 text-shadow: 4px 5px 1px lightgreen;
 font-family: comic sans ms;
}

Mungkin sekian yang dapat saya uraikan, kurang lebihnya saya ucapkan mohon maaf. semoga apa yang saya tulis dalam artikel kaliini dapat bermanfaat bagi kita semua...

Cari Blog Ini

Tutor Gesit

Array (Java script)

Komentar

Posting Komentar

Postingan Populer

CRUD(Create, read, update, delete) data dalam relasi 2 tabel

If, If/Else, Else, Switch/Case On java script