Array dan Method yang dimiliki Array

Selamat bagi yang sudah menyelesaikan Quiz Minggu Pertama

pada pertemuan kali ini kita akan mendalami tipe data Array

APA ARRAY ITU??? Simplenya Array adalah kumpulan dari berbagai data, Array itu seperti List kalian bisa menampung banyak data pada satu variabel array

contoh

        let animals = ["lion", "cat", "tiger", "fish"];

kalian bebas mau menampung tipe data apa saja di dalam array

        let arrayNgasal = [1, "anjay", false, ["array lagi"], { name: "dika"}];
//ngapain amat bikin array ngasal kek gini, ini cuma contoh gaes

array lebih bagus kalau diisi hanya satu tipe data, dan satu tujuan. Cara mengakses salah satu elemen array itu cukup dengan indexing

// Cobalah untuk mengklik hewan dibawah ini untuk mengetahui indexnya

letanimals=[, , , , ];

console.log(animals[0]);// "lion"

yak setelah membaca ini, kalian sudah mengerti apa itu array, lalu kalian harus mengetahui method method pada array untuk memanipulasi array

MACAM-MACAM ARRAY METHOD

yah kira-kira itu untuk awal-awal, misal ada yang tau method filter, map, reduce, itu belakangan aja yak wkwk selebihnya bisa diliat disini W3School Array Method

langsung gaskan saja kita bahas method-methodnya satu persatu

method length akan me-return nilai total elemen/item yang ada pada array

        let hewan = ["gajah", "jerapah"]
console.log(hewan.length) //2

let angka = [3,2,1,4,5,6,7]
console.log(angka.length) //7

method push() berfungsi untuk memasukan data pada urutan terakhir array atau bisa dibilang memasukan data ke paling kanan wkwk

        let hewan = ["marmut", "kucing"];
hewan.push("tikus");
console.log(hewan); //["marmut", "kucing", "tikus"]
let hewan = [gajah, jerapah, ];
hewan.push();

method pop() berfungsi untuk menghapus elemen terkahir pada array, bisa dibilang ngehapus yang elemen array paling kanan wkwk

        let hewan = ["marmut", "kucing", "tikus"];
hewan.pop();
console.log(hewan); //["marmut", "kucing"];

method shift() berfungsi untuk menghapus elemen pertama pada array, bisa dibilang ngehapus yang paling kiri wkwk

        let hewan = ["marmut", "kucing", "tikus"];
hewan.shift();
console.log(hewan); //["kucing", "tikus"];

method unshift() berfungsi menambahkan data pada urutan pertama, bisa dibilang nambahin sesuatu dipaling kiri wkwk

        let hewan = ["marmut", "kucing"];
hewan.unshift("tikus");
console.log(hewan); //["tikus", "marmut", "kucing"];

method splice berfungsi bisa menambahkan data, bisa menghapus data pada array, bisa dua duanya sekaligus tergantung isi parameter yang kalian berikan pada splice contoh .splice(0,1,"gajah", "macan")

  • simplenya .splice(param1, param2, …param-sisanya) //…berarti parameternya bisa ada banyak data
  • parameter pertama sebagai penentuan posisi mau di index ke berapa
  • parameter kedua sebagai penentuan mau menghapus berapa data/elemen/item (bisa juga ga ngehapus apa apa kalau di kasih nilai 0)
  • parameter sisanya, itu untuk nambahin data ke dalam array, jumlahnya bisa banyak
        //contoh menghapus 1 item dari index nomor 1
let hewan = ["marmut", "kucing", "tikus"];
hewan.splice(1,1);
console.log(hewan); //["marmut", "tikus"]

    
        //contoh menambahkan 1 item tanpa menghapus apa apa, dari index nomor 1
let hewan = ["marmut", "kucing", "tikus"];
hewan.splice(1,0,"gajah");
console.log(hewan); //["marmut", "gajah", "kucing", "tikus"]

    
        //contoh menambahkan 1 item dan menghapus 2 item, dari index nomor 1
let hewan = ["marmut", "kucing", "tikus"];
hewan.splice(1,2,"gajah");
console.log(hewan); //["marmut", "gajah"]

    
        //contoh menambahkan 3 item dan menghapus 2 item, dari index nomor 1
let hewan = ["marmut", "kucing", "tikus"];
hewan.splice(1,2,"gajah", "jerapah", "singa");
console.log(hewan); //["marmut", "gajah", "jerapah", "singa"]

yak splice emang rada multi-fungsi sih, kalian cobain sendiri ya biar lebih paham

method slice berfungsi untuk memotong array tergantung dari nilai parameter yang kalian kasih contoh .slice(1, 4)

  • simpelnya ada dua parameter slice(dari-mana, sampe-sebelum-mana)
  • parameter pertama dari-mana (wkwk), itu berfungsi mau motong array dari mana
  • parameter kedua sampe-sebelum-mana itu berfungsi buat ujung array yg kita potong
  • boleh hanya memasang 1 parameter saja, contoh .slice(1)
        //contoh memotong dari index 1 sampe ujung
let hewan = ["marmut", "gajah", "jerapah", "singa"]
hewan.slice(1)
console.log(hewan) //["marmut", "gajah", "jerapah", "singa"]

LOH KOK GA BERUBAH SIH?!?!?!11!? jadi gini gan wkwkwk

ada method yang memang bisa memutasi/mengubah array secara langsung, jadi cukup misal hewan.push("gajah") lalu nilai variabel hewannya berubah ["kucing", "gajah"]

namun ada juga method yang ga merubah nilai variabelnya, nah si method .slice ini salah satu method yang ga merubah nilai array variabelnya

lalu bagaimana cara kita tahu bahwa method slice berfungsi memotong arary??? caranya adalah dengan menampung hasil return si slice pada variabel, atau langsung console.log(hewan.slice(1)) jadi gini, langsung aja ke contohnya

        //gini caranya, ada 2 cara
let hewan = ["gajah", "jerapah", "badak", "singa"];
//bisa langsung hajar aja taro di output
console.log(hewan.slice(1)) //["jerapah", "badak", "singa"]
//kita tampung di variabel baru
let slicedHewan = hewan.slice(1)
console.log(slicedHewan) //["jerapah", "badak", "singa"]

yak biasanya sih ditampung di variabel baru wkwk

        //contoh memotong dari index 1 sampai sebelum index ke 3
//dengan kata lain
//contoh memotong dari index 1 sampai index 2
let hewan = ["gajah", "jerapah", "badak", "singa"];
let slicedHewan = hewan.slice(1,3);
console.log(slicedHewan) //["jerapah", "badak"]

yak begitulah gaes untuk materi kali ini

Tutorial Array by RPN 🗿