Share to

Belajar JavaScript Dasar Lengkap

***Array –* *JavaScript***

Belajar javascript dasar lengkap untuk pemula – Objek Array memungkinkan Anda menyimpan beberapa nilai dalam satu variabel. Ini menyimpan koleksi berurutan ukuran tetap dari elemen dari jenis yang sama. Array digunakan untuk menyimpan kumpulan data, tetapi seringkali lebih berguna untuk menganggap array sebagai kumpulan variabel dengan tipe yang sama.

var fruits = new Array( "apple", "orange", "mango" );

Array

Array adalah variabel khusus, yang dapat menampung lebih dari satu nilai pada satu waktu. Jika Anda memiliki daftar item (daftar nama mobil, misalnya), menyimpan mobil dalam variabel tunggal dapat terlihat seperti ini:

let mobil1 = “Avanza”;

let mobil2 = “Xenia”;

let mobil3 = “Fortuner”;

Namun, bagaimana jika Anda ingin menelusuri mobil dan menemukan yang spesifik? Dan bagaimana jika Anda tidak memiliki 3 mobil, tetapi 300?

Solusinya adalah array!

Array dapat menampung banyak nilai di bawah satu nama, dan Anda dapat mengakses nilai dengan merujuk ke nomor indeks.

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Arrays</h2>
<p id="demo"></p>
<script>
const cars = ["Avanza", "Xenia", "Fortuner"];
document.getElementById("demo").innerHTML = cars;
</script>

</body>
</html>

Berikut adalah daftar properti dari objek Array beserta deskripsinya.

*Properti*	*Deskripsi*
*constructor*	Mengembalikan referensi ke fungsi array yang dibuat objek.
*index*	Properti mewakili indeks berbasis nol dari cocok di string
*Input*	Properti ini hanya ada dalam array yang dibuat oleh kecocokan ekspresi reguler
*Length*	Mencerminkan jumlah elemen dalam array
prototype	Properti prototipe memungkinkan Anda untuk menambahkan property dan metode ke sebuah objek.

Contoh array dengan propeti Constructor

<html>
<head>
<title>JavaScript Array constructor Property</title>
</head>
<body>
<script type="text/javascript">
var arr = new Array( 10, 20, 30 );
document.write("arr.constructor is:" + arr.constructor);
</script>
</body>
</html>

Contoh array dengan propeti length

<html>
<head>
<title>JavaScript Array length Property</title>
</head>
<body>
<script type="text/javascript">
var arr = new Array( 10, 20, 30 );
document.write("arr.length is:" + arr.length);
</script>
</body>
</html>

Contoh array dengan propeti prototype

<html>
<head>
<title>User-defined objects</title>
<script type="text/javascript">
function book(title, author){
this.title = title;
this.author = author;
}
</script>
</head>
<body>
<script type="text/javascript">
var myBook = new book("Perl", "Mohtashim");
book.prototype.price = null;
myBook.price = 100;
document.write("Book title is : " + myBook.title + "<br>");
document.write("Book author is : " + myBook.author + "<br>");
document.write("Book price is : " + myBook.price + "<br>");
</script>
</body>
</html>

<< Part 13