Array JavaScript ~ KODELOVER

Array JavaScript digunakan untuk menyimpan beberapa nilai dalam satu variabel.

Menampilkan Array

Dalam tutorial ini kita akan menggunakan script untuk menampilkan array di dalam elemen <p> dengan id = "demo":
Contoh

<p id="demo"></p>

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

Baris pertama (dalam naskah) membuat sebuah array bernama mobil.

Baris kedua "menemukan" elemen dengan id = "demo", dan "menampilkan" array di "innerHTML" darinya.
Cobalah sendiri

Buat sebuah array, dan tetapkan nilai padanya:
Contoh

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

Ruang dan jeda baris tidak penting. Sebuah deklarasi dapat mencakup banyak baris:
Contoh

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

Catatan Jangan pernah memasukkan koma setelah elemen terakhir (seperti "BMW",). Efeknya tidak konsisten di seluruh browser.

Apa itu array

Array adalah variabel khusus, yang dapat menampung lebih dari satu nilai sekaligus.

Jika Anda memiliki daftar barang (daftar nama mobil, misalnya), menyimpan mobil dalam variabel tunggal bisa terlihat seperti ini:
var car1 = "Saab";
var car2 = "Volvo";
var car3 = "BMW";

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

Solusinya adalah sebuah array!

Array dapat menyimpan banyak nilai dengan satu nama, dan Anda dapat mengakses nilainya dengan mengacu pada nomor indeks.
Membuat Array

Menggunakan array literal adalah cara termudah untuk membuat JavaScript Array.

Sintaks:
var array-name = [item1, item2, ...];

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

Menggunakan Kata Kunci JavaScript baru

Contoh berikut juga membuat Array, dan memberikan nilai padanya:
Contoh

var cars = new Array("Saab", "Volvo", "BMW");

Catatan Kedua contoh di atas melakukan hal yang sama. Tidak perlu menggunakan Array baru ().
Untuk kesederhanaan, kecepatan baca dan eksekusi, gunakan yang pertama (metode array literal).
Akses Elemen Array

Anda mengacu pada elemen array dengan mengacu pada nomor indeks.

Pernyataan ini mengakses nilai elemen pertama di mobil:
var name = cars[0];
Pernyataan ini mengubah elemen pertama di mobil:
car[0] = "Opel";
Catatan [0] adalah elemen pertama dalam array. [1] adalah yang kedua. Indeks Array dimulai dengan 0.
Anda Bisa Memiliki Objek yang Berbeda dalam Satu Array

variabel JavaScript bisa berupa objek. Array adalah jenis benda khusus.

Karena ini, Anda dapat memiliki variabel dari berbagai tipe pada Array yang sama.

Anda bisa memiliki objek dalam Array. Anda dapat memiliki fungsi dalam Array. Anda dapat memiliki array dalam Array:
myArray[0] = Date.now;
myArray[1] = myFunction;
myArray[2] = myCars;

Array adalah Objek

Array adalah tipe objek khusus. Tipe operator dalam JavaScript mengembalikan "objek" untuk array.

Tapi, array JavaScript paling baik digambarkan sebagai array.

Array menggunakan nomor untuk mengakses "elemen" nya. Dalam contoh ini, orang [0] mengembalikan John:
Array:

var person = ["John", "Doe", 46];

Objek menggunakan nama untuk mengakses "anggotanya". Dalam contoh ini, person.firstName mengembalikan John:
Obyek:

var person = {firstName:"John", lastName:"Doe", age:46};

Array Properties dan Metode

Kekuatan sebenarnya dari susunan JavaScript adalah properti dan metode array built-in:
Contoh

var x = cars.length; // Properti panjang mengembalikan jumlah elemen di mobil var y = cars.sort(); // Jenis () mengurutkan mobil menurut urutan abjad

Properti panjang

Properti panjang sebuah array mengembalikan panjang array (jumlah elemen array).
Contoh

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.length; // panjang buahnya adalah 4

Catatan Panjang properti selalu satu lebih tinggi dari indeks array tertinggi.

Menambahkan Array Elements

Cara termudah untuk menambahkan elemen baru ke array menggunakan metode push:
Contoh

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Lemon");// tambahkan unsur baru (Lemon) untuk buah

Elemen baru juga dapat ditambahkan ke array menggunakan properti panjang:
Contoh

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Lemon"; // tambahkan unsur baru (Lemon) untuk buah

Menambahkan elemen dengan indeks tinggi dapat menciptakan "lubang" yang tidak terdefinisi dalam array:
Contoh

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[10] = "Lemon"; // tambahkan unsur baru (Lemon) untuk buah

Elemen Array Looping

Cara terbaik untuk loop melalui array, adalah menggunakan "untuk" loop:
Contoh

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>";
}

Array Asosiatif

Banyak bahasa pemrograman mendukung array dengan indeks bernama.

Array dengan indeks bernama disebut array asosiatif (atau hash).

JavaScript tidak mendukung array dengan indeks bernama.

Dalam JavaScript, array selalu menggunakan indeks bernomor.
Contoh

var person = [];
person[0] = "John";
person[1] = "Doe";
person[2] = 46;
var x = person.length; // person.length akan kembali 3var y = person[0]; // person[0] akan kembali "John"

PERINGATAN !!
Jika Anda menggunakan indeks bernama, JavaScript akan mendefinisikan ulang array ke objek standar.
setelah itu, semua metode dan properti array akan menghasilkan hasil yang salah.
Contoh:

var person = [];
person["firstName"] = "John";
person["lastName"] = "Doe";
person["age"] = 46;
var x = person.length; // person.length akan kembali 0var y = person[0]; // person[0] akan kembali tidak terdefinisi

Perbedaan Antara Array dan Objek

Dalam JavaScript, array menggunakan indeks bernomor.

Dalam JavaScript, objek menggunakan indeks bernama.

Catatan Array adalah jenis benda khusus, dengan indeks nomor.

Kapan Menggunakan Array? Kapan menggunakan Objects.

JavaScript tidak mendukung array asosiatif.
Anda harus menggunakan benda saat Anda menginginkan nama elemen menjadi string (teks).
Anda harus menggunakan array ketika Anda ingin nama elemen menjadi angka.

Hindari Array baru ()

Tidak perlu menggunakan konstruktor array built-in JavaScript baru Array ().

Gunakan [] sebagai gantinya.

Dua pernyataan berbeda ini membuat sebuah array kosong baru bernama poin:

var points = new Array(); // Buruk var points = []; // Bagus

Kedua pernyataan berbeda ini membuat array baru yang berisi 6 nomor:

var points = new Array(40, 100, 1, 5, 25, 10) // Buruk var points = [40, 100, 1, 5, 25, 10]; // Bagus

Kata kunci baru hanya mempersulit kode. Ini juga bisa menghasilkan beberapa hasil yang tidak diharapkan:

var points = new Array(40, 100); // Buat sebuah array dengan dua elemen (40 dan 100)

Bagaimana jika saya menghapus salah satu elemennya?

var points = new Array(40);// Buat sebuah array dengan 40 elemen yang tidak terdefinisi !!!!!

Bagaimana Mengakui Array

Pertanyaan umum adalah: Bagaimana saya tahu jika sebuah variabel adalah sebuah array?

Masalahnya adalah bahwa tipe operator JavaScript mengembalikan "objek":

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

typeof fruits; // mengembalikan object

Tipe operator mengembalikan objek karena array JavaScript adalah objek.
Solusi 1:

Untuk mengatasi masalah ini ECMAScript 5 mendefinisikan metode Array.isArray baru ():

Array.isArray(fruits); // kembali benar

Masalah dengan solusi ini adalah ECMAScript 5 tidak didukung di browser lawas.
Solusi 2:

Untuk mengatasi masalah ini Anda bisa membuat fungsi isArray () Anda sendiri:

function isArray(x) {
return x.constructor.toString().indexOf("Array") > -1;
}

Fungsi di atas selalu mengembalikan true jika argumennya adalah array.

Atau lebih tepatnya: ia mengembalikan true jika prototipe objek berisi kata "Array".
Solusi 3:

Contoh dari operator mengembalikan nilai true jika sebuah objek dibuat oleh konstruktor yang diberikan:

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

fruits instanceof Array // mengembalikan nilai true

KODELOVER

Array JavaScript

Related Post