0% menganggap dokumen ini bermanfaat (0 suara)
4 tayangan22 halaman

Panduan Lengkap Metode Array JavaScript

Array adalah kumpulan data yang disimpan dalam bentuk indeks. Array dapat menyimpan berbagai jenis data dan panjangnya dapat diakses menggunakan properti length. Metode seperti push(), pop(), sort(), dan slice() memungkinkan penambahan, penghapusan, pengurutan, dan pengambilan bagian dari elemen array. Fitur ES6 seperti destructuring, rest parameter, dan spread operator mempermudah pengelolaan array.

Diunggah oleh

darkplayer480p
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PPTX, PDF, TXT atau baca online di Scribd
0% menganggap dokumen ini bermanfaat (0 suara)
4 tayangan22 halaman

Panduan Lengkap Metode Array JavaScript

Array adalah kumpulan data yang disimpan dalam bentuk indeks. Array dapat menyimpan berbagai jenis data dan panjangnya dapat diakses menggunakan properti length. Metode seperti push(), pop(), sort(), dan slice() memungkinkan penambahan, penghapusan, pengurutan, dan pengambilan bagian dari elemen array. Fitur ES6 seperti destructuring, rest parameter, dan spread operator mempermudah pengelolaan array.

Diunggah oleh

darkplayer480p
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PPTX, PDF, TXT atau baca online di Scribd

STRUKTUR DATA

ARRAY
ARRAY
Array
Array adalah kumpulan atau tumpukan berbagai data. Cara menuliskan
array yaitu kurung siku ([]). Setiap elemen dipisahkan dengan koma.
Elemen array dimulai dari indeks 0,1,2,dst. Untuk mengaksesnya
menggunakan kurung siku.
Contoh:
[0] [1] [2] [3] [4] const array = [3, 4, 1, 5, 2];
3 4 1 5 2
[Link](array[0]);
[Link](array[3]);
Array
Dapat juga menghitung panjang dari array.

const hobi = [“coding”, “berenang”, “bernyanyi”];

[Link](hobi);
[Link]([Link]);
Array
Dapat juga menghapus data pada array.

const hobi = [“coding”, “berenang”, “bernyanyi”];

delete hobi[1];
[Link](hobi);
Array
Beberapa metode dari array :

• Push
• Pop
• Unshift
• Shift
• Join
• Sort
• Slice
• Splice
• Split
Array
.push()
Push adalah metode array untuk menambahkan nilai di belakang
elemen terakhir di array. Metode push membutuhkan parameter.

const angka = [0, 1, 2, 3];


[Link](angka);

[Link](4, 5);
[Link](angka);
Array
.pop()
Pop adalah kebalikan metode push yaitu menghapus nilai elemen paling
terakhir dari array. Metode pop tidak memerlukan parameter apapun.

const angka = [0, 1, 2, 3, 4, 5];


[Link](angka);

[Link]();
[Link](angka);
Array
.unshift()
unshift adalah metode array untuk menambahkan nilai di awal elemen
dari array. Metode unshift membutuhkan parameter.

const angka = [0, 1, 2, 3];


[Link](angka);

[Link](-1);
[Link](angka);
Array
.shift()
Shift adalah kebalikan metode shift yaitu menghapus nilai elemen paling
awal dari array. Metode shift tidak memerlukan parameter apapun.

const angka = [0, 1, 2, 3];


[Link](angka);

[Link]();
[Link](angka);
Array
.sort()
Sort adalah metode untuk mengurutkan elemen pada array. Secara
otomatis sort akan mengurutkan secara ascending (dari rendah ke tinggi).
Misal a-z merupakan ascending yaitu mengurutkan dari nilai rendah ke
akhir.

const huruf = [d, a, e, c, b];

[Link]();
[Link](huruf);
Array
.slice()

Slice adalah metode untuk mengambil irisan dari sebuah array. Metode slice
dapat menerima satu atau dua parameter. Parameter pertama adalah nomer
index pertama yang akan kita ambil sebagai irisan, parameter kedua adalah
index terakhir yang ingin kita ambil sebagai irisan.

const angka = [0, 1, 2, 3];


const irisan = [Link](1, 3);
[Link](irisan);
Array
.slice()

Apabila hanya terdapat satu parameter akan dimulai dari parameter


pertama hingga akhir array.

const angka = [0, 1, 2, 3];


const irisan = [Link](2);
[Link](irisan);
Array
.slice()

Apabila hanya tidak terdapat parameter akan dimulai dari parameter


pertama hingga akhir array atau disebut shallow copy.

const angka = [0, 1, 2, 3];


const irisan = [Link]();
[Link](irisan);
Array
.splice()

Splice adalah metode untuk menghapus atau menambahkan nilai pada


elemen array.

[Link]([IndexMulai], [JumlahNilaiYangDihapus], [NilaiYangDitambahkan1], [NilaiYangDitambahkan2], ...)

const buah = [“apel”, “pisang”, “jeruk”];


[Link](1, 0, “semangka”);
[Link](buah);
Array
.splice()

Metode splice dapat juga untuk menghapus data dari array.

const buah = [“apel”, “pisang”, “jeruk”];


[Link](0, 2);
[Link](buah);

Contoh diatas adalah menghapus data dari indeks 0 sebanyak 2 elemen.


Array
.split()

Split adalah metode untuk memecah sebuah string menjadi sebuah


array. Split menerima parameter berupa karakter yang menjadi
separator untuk memecah string.

const dataDiri = “nama:contoh”;


const nama = [Link](“:”);
[Link](nama);
Array
.join()

Join adalah sebuah metode kebalikan dari split yaitu mengubah suatu
array menjadi string dengan cara menggabungkan seluruh elemen array
menjadi sebuah karakter pemisah yang dikirim melalui parameter.

const judul = [“saya”, “belajar”, “pemrograman”];


const gabungJudul = [Link](“ “);
[Link](gabungJudul);
Array
Fitur javascript di ES6

EcmaScript (ES6) atau biasa disebut javascript adalah teknologi terbaru


dari javascript. Berikut beberapa fitur yang terdapat pada array.
Array
Fitur Destructuring pada javascript di ES6

Destructuring merupakan fitur javascript yang memungkinkan membagi atau


memecah nilai dari sebuah array/object kedalam variable yang berbeda.
Sebelum ES6: Setelah ES6:

const angka = [1, 2, 3]; const angka = [1, 2, 3];

const angkaPertama = angka[0]; const [angkaPertama, angkaKedua, angkaKetiga] = angka


const angkaKedua = angka[1]; [Link](angkaPertama);
const angkaKetiga = angka[2];

[Link](angkaPertama);
Array
Fitur Rest Parameter pada javascript di ES6

Rest Parameter merupakan fitur javascript berguna untuk menggabungkan semua


parameter pada function ke dalam array. Dapat membantu kita untuk mendefinisikan
function dengan rapi serta memberikan parameter yang tidak terbatas pada sebuah
function. Rest parameter dilambangkan dengan “…”.

const angka = [18, 15, 11, 16, 20];


const [pertama, kedua, ketiga, …dst] = angka;

[Link](pertama);
Array
Fitur Spread Operator pada javascript di ES6

Spread Operator merupakan fitur javascript berguna untuk membagi elemen array pada objek,
sehingga elemen array dapat ditambahkan/dimasukkan ke dalam array baru. Spread Operator
dilambangkan dengan “…”.

const arrayPertama = [“satu”, “dua”];


const arrayKedua = [“tiga”, “empat”];
const arrayKetiga = [“lima”, “enam”];

const gabungArray = […arrayPertama, …arrayKedua, …arrayKetiga];


[Link](gabungArray);

Anda mungkin juga menyukai