Beranda
  • Beranda
  • Kursus Programming
  • Karir
  • Layanan Kami
    • IT Outsourcing
    • Jasa Pembuatan Software
    • Jasa Programmer
    • Jasa Pembuatan Website
      • Jasa Pembuatan Website Toko Online
      • Jasa Pembuatan Website Company Profile
      • Jasa Pembuatan Website Rental Mobil
      • Jasa Pembuatan Website Pribadi
      • Jasa Pembuatan Website Marketplace
  • Tutorial IT
    • Tutorial HTML
    • Tutorial JavaScript
    • Tutorial JQuery
    • Tutorial SQL
    • Tutorial Java
    • Tutorial CSS
    • Tutorial Dart
    • Tutorial PHP
    • Tutorial Flutter
  • Blog

Tutorial JavaScript

  • Tutorial Belajar JavaScript
  • Pengertian JavaScript
  • Cara Membuat JavaScript Di HTML
  • Output JavaScript
  • Contoh Coding JavaScript
  • Penulisan JavaScript
  • Komentar Pada JavaScript
  • Variabel JavaScript
  • Operator Pada JavaScript
  • Penjumlahan JavaScript
  • Operator Assignment
  • Tipe Data JavaScript
  • Fungsi Pada JavaScript
  • JavaScript Object
  • Event Pada JavaScript
  • JavaScript Text Atau String
  • Berbagai Fungsi Pada String
  • JavaScript Angka Atau Number
  • Berbagai Fungsi Pada Number
  • Array Pada JavaScript
  • Berbagai Fungsi Pada Array
  • Mengurutkan Array
  • Mengambil Nilai Array
  • JavaScript Tanggal
  • Format Date
  • Fungsi Get Pada Date
  • Fungsi Set Pada Date
  • JavaScript Boolean
  • Perbandingan Dengan JavaScript
  • Kondisi Dengan JavaScript
  • Kondisi Dengan Switch
  • Perulangan Pada JavaScript
  • Perulangan While JavaScript
  • JavaScript Break
  • Membuat Fungsi JavaScript
  • Parameter Pada Fungsi
  • Memanggil Fungsi JavaScript
  • Konsep Scope
  • Keyword this Pada JavaScript
  • Class Pada JavaScript
  • Membuat Object JavaScript
  • Properti Pada Object
  • Fungsi Pada Object
  • Mencetak Nilai Object
  • Mengakses Nilai Dalam Object
  • Constructor Pada Object
  • Beranda
  • Tutorial
  • Array Pada JavaScript

Array Pada JavaScript

Daftar Isi
  • Deklarasi Array
  • Nilai Dalam Array
  • Fungsi Dan Properti Array

Array digunakan untuk menyimpan beberapa nilai dalam satu variable. Nilai-nilai tersebut diletakkan secara berurutan di dalam array.

var cars = ["Saab", "Volvo", "BMW"];

Bayangkan kalau kita mempunyai data berupa daftar mobil. Contoh di bawah memperlihatkan satu mobil dimasukkan ke dalam satu variable.

var car1 = "Saab";
var car2 = "Volvo";
var car3 = "BMW";

Apabila hanya terdapat tiga mobil tentu akan mudah untuk diakses satu per satu. Bagaimana kalau terdapat 3000 mobil ?. Tentu akan sulit untuk mengakses atau mencari mobil tertentu. Solusi dari masalah ini adalah dengan memakai array.

Belajar Lebih Lanjut JavaScript Array

Deklarasi Array #

Format deklarasi array adalah seperti di bawah ini. Nilai item1, item2 dan seterusnya adalah nilai-nilai yang disimpan di dalam array.

var array_name = [item1, item2, ...];      

Contoh di bawah ini memperlihatkan daftar mobil di dalam array.

var cars = ["Saab", "Volvo", "BMW"];

Array juga dapat dideklarasikan dalam beberapa baris coding.

var cars = [
  "Saab",
  "Volvo",
  "BMW"
];

Nilai Dalam Array #

Nilai di dalam array disebut juga elemen array. Kita bisa mengakses elemen tertentu dalam array dengan menggunakan urutannya. Urutan ini disebut juga index elemen.

Contoh di bawah ini memperlihatkan cara mengakses urutan pertama (index pertama) dari array cars. Urutan atau index dimulai dari 0.

var name = cars[0];
var cars = ["Saab", "Volvo", "BMW"];
document.getElementById("demo").innerHTML = cars[0];

Kita dapat memberikan nilai kepada suatu elemen dalam array. Contoh di bawah ini memperlihatkan cara memberikan nilai Opel kepada elemen index pertama (0) dari array cars.

cars[0] = "Opel";
var cars = ["Saab", "Volvo", "BMW"];
cars[0] = "Opel";
document.getElementById("demo").innerHTML = cars[0];

Kita juga dapat mengakses keseluruhan elemen dalam array. Perhatikan contoh di bawah ini.

var cars = ["Saab", "Volvo", "BMW"];
document.getElementById("demo").innerHTML = cars;

Elemen array juga dapat berisi object.

myArray[0] = Date.now;
myArray[1] = myFunction;
myArray[2] = myCars;

Fungsi Dan Properti Array #

Array mempunyai beberapa fungsi dan properti yang dapat digunakan.

var x = cars.length;   // The length property returns the number of elements
var y = cars.sort();   // The sort() method sorts arrays

Properti length digunakan untuk mendapatkan jumlah elemen array.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.length;   // the length of fruits is 4

Contoh di bawah ini adalah cara untuk mengakses elemen pertama array.

fruits = ["Banana", "Orange", "Apple", "Mango"];
var first = fruits[0];

Contoh di bawah ini adalah cara untuk mengakses elemen terakhir array.

fruits = ["Banana", "Orange", "Apple", "Mango"];
var last = fruits[fruits.length - 1];

Contoh di bawah ini memperlihatkan cara mengakses elemen array satu per satu dengan menggunakan pengulangan (looping) for.

var fruits, text, fLen, i;
fruits = ["Banana", "Orange", "Apple", "Mango"];
fLen = fruits.length;

text = "<ul>";
for (i = 0; i < fLen; i++) {
  text += "<li>" + fruits[i] + "</li>";
}
text += "</ul>";

Contoh di bawah ini memperlihatkan cara mengakses elemen array satu per satu dengan menggunakan fungsi forEach. Fungsi forEach mempunyai satu parameter berbentuk fungsi. Fungsi forEach akan memanggil fungsi tersebut untuk setiap elemen array. Paramater fungsi adalah nilai elemen array.

var fruits, text;
fruits = ["Banana", "Orange", "Apple", "Mango"];

text = "<ul>";
fruits.forEach(myFunction);
text += "</ul>";

function myFunction(value) {
  text += "<li>" + value + "</li>";
}

Fungsi push berguna untuk menambahkan elemen pada array. Elemen tersebut akan berada pada posisi terakhir.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Lemon");    // adds a new element (Lemon) to fruits

Contoh di bawah ini juga akan menambahkan elemen pada posisi terakhir.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Lemon";    // adds a new element (Lemon) to fruits

What are your Feelings
Share This Article :
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
Berbagai Fungsi Pada NumberBerbagai Fungsi Pada Array

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Daftar Isi
  • Deklarasi Array
  • Nilai Dalam Array
  • Fungsi Dan Properti Array

Marketing Office

Epicentrum Walk Office Suite 529A, Jl. HR. Rasuna Said, Jakarta Selatan 12940

Workshop

Nextgen Training Center, Jl. Raya Tanah Baru no 3, Pancoran Mas, Depok

Email

sales@nextgen.co.id

@2020 PT Nextgen Inovasi Indonesia

PT. Nextgen Inovasi Indonesia

PT Nextgen Inovasi Indonesia adalah perusahaan IT yang didirikan pada tahun 2015. Lini bisnis kami adalah inovasi dalam cara belajar teknologi informasi dengan cepat dan efisien.