0% menganggap dokumen ini bermanfaat (0 suara)
13 tayangan43 halaman

Panduan Lengkap Array JavaScript

Diunggah oleh

ghaluhkn
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)
13 tayangan43 halaman

Panduan Lengkap Array JavaScript

Diunggah oleh

ghaluhkn
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

ARRAY JAVASCRIPT

merupakan cara-cara atau


metode yang digunakan
untuk menyimpan data di
dalam memori komputer.
Struktur
Data  Array
 Object
 Map
 Set
 Pengantar Array (index, length)
 Cara manipulasi data Array
(push, pop, shift, unshift)
 Array build-in Method (concat,
Materi Array
indexOf, includes, reserve)
 Callback Method Method
(forEach, sort, map, filter,
reduce)
Array merupakan struktur
data yang digunakan
Array adalah untuk menyimpan
sekumpulan data dalam
satu tempat.
Array bisa dibuat dengan
menuliskan nilai-nilai yang
ingin disimpan di dalam
tanda kurung siku []
Array
Simpanlah 7 nama hari
(Senin, Selasa, Rabu,
Kamis, Jumat, Sabtu,
CONTOH Minggu) ke dalam
KASUS variable
let day = “Senin”;
let day = “Selasa”;
let day1 = “Senin”;
let day2 = “Selasa”;
let day3 = “Rabu”;

Kode yang let day4 = “Kamis”;

benar let day5 = “Jumat”;


let day6 = “Sabtu”;
let day7 = “Minggu”;
let day1 = “Senin”; • Cara menuliskan
let day2 = “Selasa”; kodenya menjadi
let day3 = “Rabu”; lebih sulit

KEKURANGA let day4 = “Kamis”; • Data terpisah

N let day5 = “Jumat”; menjadi 7


let day6 = “Sabtu”; variable
let day7 = “Minggu”;• Kesulitan dalam
memanipulasi
data
Maka, gunakan array…

• Cara menuliskan kodenya lebih


sederhana
• Data tersimpan dalam 1 variable
• Mudah untuk memanipulasi data
ARRAY

Variable
days
Mingg
Nilai Senin Selasa Rabu Kamis Jumat Sabtu
u
Index 0 1 2 3 4 5 6

Index : nomor atau posisi yang digunakan untuk mengidentifikasi dan mengakses
elemen tertentu dalam array.
Perbedaan Indeks pada Tipe Data String dan Array

String Array
Jika nilainya di ubah

Maka, nilai akan terbaca menjadi string


Menambah nilai array

Manggunakan trik lain, jika tidak tahu jumlah datanya


STACK (TUMPUKAN)
 Stack adalah struktur data yang
bekerja dengan prinsip LIFO (Last In,
STACK First Out), di mana elemen terakhir
yang masuk adalah elemen pertama
yang keluar.
 Stack dapat dianalogikan seperti
tumpukan buku, di mana buku
terakhir yang ditumpuk adalah buku
pertama yang diambil.
 Push (untuk menambahkan data)
 Pop (untuk mengambil data)
STACK
Mengisi Array “Stack”
Mengambil Array “Stack”
Nilai yang sudah disimpan dapat disimpan menjadi variabel
QUEUE (ANTRIAN)
 Queue dalam JavaScript adalah salah
satu jenis struktur data yang mengikuti
QUEUE prinsip FIFO (First In, First Out).
 Ini berarti elemen yang pertama kali
ditambahkan ke dalam queue akan
menjadi elemen pertama yang dihapus.
 Konsep ini mirip dengan antrian di
kehidupan nyata, seperti antrian di kasir:
orang yang pertama kali masuk antrian
akan dilayani lebih dulu.
 Shift (menghapus data)
 Unshift (menambah data)
QUEUE
Menghapus Array “Queue”
Menambah Array “Queue”
METODE ARRAY
WEBSITE : MDN WEB DOCS
Siswa dapat
menerapkan metode
Tujuan array untuk
Pembelajar
memecahkan masalah
an
sederhana dalam
pemrograman.
1 CONCAT
2 INCLUDES
3 IndexOf
4 Reverse
Berkelompp
ok 5 Find
org 6 MAP
7 Slice
8 Splice
9 Filter
 Metode concat() dalam
JavaScript digunakan untuk
menggabungkan dua atau
lebih array menjadi satu
array baru.
CONCAT  Ini adalah metode yang
sangat berguna saat Anda
perlu menggabungkan
beberapa array tanpa
mengubah array yang asli.
Menggabungkan Array
 Metode includes() dalam
JavaScript digunakan untuk
memeriksa apakah sebuah
array atau string berisi
elemen atau substring
tertentu.
INCLUDES  Metode ini mengembalikan
nilai boolean (true atau
false) tergantung pada
apakah elemen atau
substring yang dicari
Menggunakan includes
 Metode indexOf() dalam
JavaScript digunakan untuk
menemukan posisi (indeks) dari
elemen atau substring tertentu
dalam array atau string.

indexOf  Jika elemen atau substring


ditemukan, indexOf()
mengembalikan indeks pertama
kemunculannya.
 Jika tidak ditemukan, metode ini
mengembalikan -1.
Menggunakan indexOf
 Metode reverse() dalam
JavaScript digunakan untuk
membalikkan urutan elemen-
elemen dalam array.
REVERSE  Setelah metode ini dipanggil,
elemen pertama menjadi
elemen terakhir, elemen kedua
menjadi elemen kedua dari
belakang, dan seterusnya.
Menggunakan Reverse
 Metode find() dalam JavaScript
adalah metode yang digunakan
untuk mencari elemen dalam
array yang memenuhi kondisi
tertentu yang ditentukan oleh
sebuah fungsi.
FIND  Metode ini mengembalikan
elemen pertama yang
memenuhi kondisi tersebut.
 Jika tidak ada elemen yang
memenuhi kondisi, find() akan
mengembalikan undefined
Menggunakan Find
 Metode map() dalam JavaScript
digunakan untuk membuat
array baru dengan hasil
pemanggilan fungsi tertentu
pada setiap elemen dalam array
yang memanggilnya.
MAP  Dengan kata lain, map()
digunakan untuk melakukan
transformasi atau pemrosesan
pada setiap elemen dalam array
dan menghasilkan array baru
berdasarkan hasil tersebut.
Menggunakan Map
 Metode slice() dalam JavaScript
digunakan untuk menyalin
bagian tertentu dari sebuah
array ke array baru, tanpa
mengubah array asli.
 Anda dapat menentukan indeks
SLICE awal dan akhir untuk
mengekstrak bagian yang
diinginkan dari array.
 Hasil dari slice() adalah array
baru yang berisi elemen-elemen
dari indeks awal hingga, tetapi
tidak termasuk, indeks akhir.
Menggunakan Slice
 Metode splice() dalam JavaScript
digunakan untuk
menambahkan, menghapus,
atau mengganti elemen dalam
SPLICE sebuah array.
 Berbeda dengan slice(), metode
splice() akan mengubah array
asli.
Menggunakan Splice

Anda mungkin juga menyukai