Berbagai Fungsi Pada Array

View Categories

Berbagai Fungsi Pada Array

JavaScript array mempunyai beberapa fungsi yang dapat dipakai.

Referensi Fungsi JavaScript Array Lain

Array Menjadi String

Fungsi toString berguna untuk mengubah array menjadi string (text).

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

Jalankan Contoh

Fungsi join berguna untuk mengubah array menjadi string. Parameter pertama fungsi adalah karakter pembatas setiap elemen array.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");

Jalankan Contoh

Pop Dan Push

Fungsi pop berguna untuk menghapus elemen terakhir array.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();              // Removes the last element ("Mango") from fruits

Jalankan Contoh

Fungsi pop mengembalikan elemen yang dihapus.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.pop();      // the value of x is "Mango"

Jalankan Contoh

Fungsi push berguna untuk menambahkan elemen pada urutan terakhir suatu array.

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

Jalankan Contoh

Fungsi push mengembalikan jumlah elemen array yang baru.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.push("Kiwi");   //  the value of x is 5

Jalankan Contoh

Shift Dan Unshift

Fungsi shift berguna untuk menghapus elemen pertama array.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();            // Removes the first element "Banana" from fruits

Jalankan Contoh

Fungsi shift mengembalikan elemen yang dihapus.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.shift();    // the value of x is "Banana"

Jalankan Contoh

Fungsi unshift berguna untuk menambahkan elemen pada urutan pertama suatu array.

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

Jalankan Contoh

Fungsi unshift mengembalikan jumlah elemen array yang baru.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // Returns 5

Jalankan Contoh

Mengganti Nilai Elemen

Elemen tertentu dalam array dapat diganti dengan menggunakan index elemen tersebut.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";        // Changes the first element of fruits to "Kiwi"

Jalankan Contoh

Properti length dapat digunakan untuk menambahkan elemen pada urutan terakhir.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";          // Appends "Kiwi" to fruits

Jalankan Contoh

Menghapus Elemen

Operator delete berguna untuk menghapus suatu elemen dalam array.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];           // Changes the first element in fruits to undefined

Jalankan Contoh

Splice

Fungsi splice berguna untuk menambahkan beberapa elemen array. Parameter pertama fungsi adalah posisi urutan elemen baru. Parameter kedua fungsi adalah menentukan berapa elemen yang perlu dihapus dalam proses penambahan. Parameter selanjutnya adalah elemen-elemen yang akan ditambahkan.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

Jalankan Contoh

Fungsi splice mengembalikan array dengan elemen yang sudah terhapus.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");

Jalankan Contoh

Fungsi splice juga bisa digunakan untuk menghapus elemen apabila hanya memberikan parameter pertama dan kedua. Parameter pertama adalah urutan elemen yang ditambahkan. Parameter kedua adalah jumlah elemen yang perlu dihapus. Karena parameter ketiga dan seterusnya tidak diberikan maka tidak ada elemen yang ditambahkan.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // Removes the first element of fruits

Jalankan Contoh

Menggabungkan Array

Fungsi concat berguna untuk menggabungkan dua array dan mengembalikan array baru hasil penggabungan.

var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias", "Linus"];
var myChildren = myGirls.concat(myBoys);   // Concatenates (joins) myGirls and myBoys

Jalankan Contoh

Fungsi concat dapat menggabung beberapa array sekaligus.

var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias", "Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3);   // Concatenates arr1 with arr2 and arr3

Jalankan Contoh

Fungsi concat juga dapat menggabung array dengan elemen baru.

var arr1 = ["Emil", "Tobias", "Linus"];
var myChildren = arr1.concat("Peter");

Jalankan Contoh

Slice

Fungsi slice berguna untuk memotong array dan mengembalikan array baru. Parameter pertama adalah posisi (index) pemotongan.

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1);

Jalankan Contoh

Contoh di bawah ini memperlihatkan array dipotong mulai dari index ke 3.

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(3);

Jalankan Contoh

Fungsi slice bisa menggunakan dua parameter. Parameter kedua adalah posisi akhir pemotongan. Elemen pada posisi akhir pemotongan tidak ikut dipotong. Contoh di bawah ini memperlihatkan array dipotong dari index ke 1 sampai index ke 2.

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);

Jalankan Contoh

Apabila hanya satu parameter (seperti pada contoh awal) maka array akan dipotong sampai posisi terakhir.

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(2);

Jalankan Contoh

Tutorial sebelumnya : Array Pada JavaScript
Tutorial setelahnya : Mengurutkan Array
Semua Tutorial JavaScript : Tutorial JavaScript 

Tinggalkan Balasan