Cara menggunakan hapus objek terakhir javascript

Ada beberapa cara untuk menghapus data di Javascript. Salah satu metode yang umum digunakan adalah dengan menggunakan metode splice().

Dalam contoh berikut, sebuah array dengan 4 anggota dideklarasikan. Array dideklarasikan sebagai variabel x

Metode sambatan harus memiliki minimal 1 parameter. Pada contoh di atas, tidak ada parameter yang diberikan sehingga data dalam array tidak berubah. Browser juga tidak memberikan tanda ERROR untuk kondisi ini

1 Parameter

Parameter pertama adalah bilangan bulat yang menunjukkan bahwa penghapusan akan dimulai pada index. Pada contoh di atas, penghapusan dimulai dari indeks ke-0 hingga indeks terakhir yang berarti semua data dalam Array dihapus

Pada contoh di atas, penghapusan dimulai dari indeks ke-2 hingga indeks terakhir. Sehingga hanya tersisa data pada indeks ke-0 dan ke-1 yaitu [2,4]

Apa yang terjadi jika Anda menulis parameter pertama dengan nilai negatif? . Jadi pada contoh diatas hasilnya adalah [2,4,5]

Jika Anda menulis "-3" pada parameter pertama, maka hasilnya adalah [2] seperti pada contoh di atas

2 Parameter

Parameter kedua menunjukkan jumlah data indeks yang akan dihapus. Penghitungan indeks penghapusan dimulai pada indeks yang ditunjukkan pada indeks pertama. Parameter kedua ini opsional

Jika Anda memberikan nilai 0 atau negatif pada parameter ini maka tidak ada nilai yang akan dihapus

Dalam contoh di atas, nilai yang dihapus adalah indeks ke "2" dengan indeks "1". Jadi hasil akhirnya adalah [2, 4, 3]

Pada contoh di atas, nilai yang dihapus adalah indeks ke "1" dengan indeks "2". Jadi hasil akhirnya adalah [2, 3]

Parameter ketiga dan seterusnya

Parameter ketiga dan selanjutnya digunakan untuk menambahkan nilai ke array, tepatnya di titik penghapusan

Pada contoh di atas, nilai yang dihapus adalah indeks ke "1" dengan indeks "2". Array kemudian hanya menyisakan [2, 3]. Kemudian anggota array ditambahkan dengan string "ekstra" dan angka 9 pada titik penghapusan. Hingga hasilnya adalah [0, "ekstra", 9, 3]

Jumlah data indeks yang ditambahkan ke array dapat berupa angka berapa pun. Bahkan data dapat ditambahkan meskipun tidak dihapus. Jadi, metode splice juga bisa digunakan untuk menambahkan data ke dalam array

Bagaimana jika ada 100 produk, apakah kita mengalikan variabel dengan 100 dan menghasilkan

var products = ["Flashdisk", "SDD", "Monitor"];

Capek donk

Oleh karena itu, kita harus menggunakan Array

Apa itu Array?

Sebelum kita membahas Array, mari kita bahas terlebih dahulu apa itu struktur data?

Struktur data adalah cara atau metode yang digunakan untuk menyimpan data dalam memori komputer

Salah satu struktur data yang sering digunakan dalam pemrograman adalah Array

Array adalah struktur data yang digunakan untuk menyimpan sekelompok data di satu tempat

Setiap data di dalam Array memiliki indeks, sehingga kita akan dengan mudah memprosesnya

Indeks array selalu dimulai dari nol (

var products = ["Flashdisk", "SDD", "Monitor"];

Pada teori struktur data…

...Ukuran array akan bergantung pada jumlah data yang disimpan di dalamnya

Cara Membuat Array di Javascript

Dalam javascript, kita dapat membuat array dengan tanda kurung siku (

var products = ["Flashdisk", "SDD", "Monitor"];

Contoh

var products = [];

Maka variabel

var products = ["Flashdisk", "SDD", "Monitor"];

Kita dapat mengisi data ke dalam array, kemudian setiap data dipisahkan dengan koma (

var products = ["Flashdisk", "SDD", "Monitor"];

Contoh

var products = ["Flashdisk", "SDD", "Monitor"];

Oya, karena javascript adalah bahasa pemrograman pengetikan yang dinamis...

...kemudian kita dapat menyimpan dan mencampur apa saja di dalam array

Contoh

var myData = [12, 2.1, true, 'C', "Petanikode"];

Cara Mengambil Data dari Array

Seperti yang sudah kita ketahui…

Array akan menyimpan sekelompok data dan memberinya nomor indeks untuk memudahkan akses

Indeks array selalu diinisialisasi dari nol

var products = ["Flashdisk", "SDD", "Monitor"];

Misalkan kita memiliki array seperti ini

var makanan = ["Nasi Goreng", "Mie Ayam", "Mie Gelas"];

Bagaimana kita mengambil nilai

var myData = [12, 2.1, true, 'C', "Petanikode"];

Jawabannya seperti ini

makanan[1] //-> "Mie Ayam"

Mengapa tidak

var myData = [12, 2.1, true, 'C', "Petanikode"];

Ingat. indeks array selalu dimulai dari nol

Agar lebih jelas, mari kita coba dalam sebuah program

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Mengambil data dari array</title>
</head>
<body>
    <script>
        // membuat array
        var products = ["Senter", "Radio", "Antena", "Obeng"];

        // mengambil radio
        document.write(products[1]);
    </script>
</body>
</html>

Hasil

Cetak isi Array dengan Looping

Kita bisa mencetak semua isi array satu per satu seperti ini

document.write(products[0]);
document.write(products[1]);
document.write(products[2]);
document.write(products[3]);
document.write(products[4]);

Bagaimana jika array berisi

var myData = [12, 2.1, true, 'C', "Petanikode"];

Tentu saja kita tidak ingin menulis

var myData = [12, 2.1, true, 'C', "Petanikode"];

Solusinya. Gunakan pengulangan

Mari kita lihat sebuah contoh

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Array dan perulangan</title>
</head>
<body>
    <script>
        // membuat array
        var products = ["Senter", "Radio", "Antena", "Obeng"];

        document.write("<h3>Daftar Produk:</h3>");
        document.write("<ol>");
        // menggunakan perulangan untuk mencetak semua isi array
        for(let i = 0; i < products.length; i++){
            document.write(`<li>${ products[i] }</li>`);
        }
        document.write("</ol>");
    </script>
</body>
</html>

Hasil

Perhatian…

Pada contoh di atas, kita menggunakan properti

var myData = [12, 2.1, true, 'C', "Petanikode"];

Kami memiliki

var myData = [12, 2.1, true, 'C', "Petanikode"];

var products = ["Flashdisk", "SDD", "Monitor"];

var myData = [12, 2.1, true, 'C', "Petanikode"];

var myData = [12, 2.1, true, 'C', "Petanikode"];

Kemudian kami menggunakan properti ini untuk membatasi jumlah iterasi di for

for(let i = 0; i < products.length; i++){
    document.write(`<li>${ products[i] }</li>`);
}

...dan di blok for, kami mencetak konten produk dengan indeks yang mengacu pada variabel

var myData = [12, 2.1, true, 'C', "Petanikode"];

Cara lain

Kita dapat menggunakan pengulangan dengan metode

var makanan = ["Nasi Goreng", "Mie Ayam", "Mie Gelas"];

Contoh

var products = [];

Hasilnya akan sama seperti di atas

Cara Menambahkan Data ke Array

Ada dua cara untuk menambahkan data ke array

1. Isi menggunakan indeks;
2. Isi menggunakan metode

   var makanan = ["Nasi Goreng", "Mie Ayam", "Mie Gelas"];

   _1

Mengisi dengan indeks berarti ini…

Misalnya, kami memiliki array dengan konten berikut

var products = [];

Ada tiga data dalam array

var makanan = ["Nasi Goreng", "Mie Ayam", "Mie Gelas"];

• var products = ["Flashdisk", "SDD", "Monitor"];

  5.

  var makanan = ["Nasi Goreng", "Mie Ayam", "Mie Gelas"];

  _4

• var makanan = ["Nasi Goreng", "Mie Ayam", "Mie Gelas"];

  _5.

  var makanan = ["Nasi Goreng", "Mie Ayam", "Mie Gelas"];

  _6

• var myData = [12, 2.1, true, 'C', "Petanikode"];

  1.

  var makanan = ["Nasi Goreng", "Mie Ayam", "Mie Gelas"];

  _8

Kami ingin menambahkan lebih banyak data ke indeks ke-______9_______9, sehingga kami dapat melakukannya seperti ini

var products = [];

Sekarang array

var makanan = ["Nasi Goreng", "Mie Ayam", "Mie Gelas"];

var myData = [12, 2.1, true, 'C', "Petanikode"];

Mari kita coba di konsol Javascript

Itu benar…

makanan[1] //-> "Mie Ayam"

var makanan = ["Nasi Goreng", "Mie Ayam", "Mie Gelas"];

Tetapi kerugian dari metode ini adalah

Kita harus mengetahui jumlah data atau panjang array, baru kita bisa menambahkan

Jika kita memasukkan nomor indeks secara acak, yang terjadi nanti adalah data dalam indeks akan tertimpa

Lalu apa solusinya?

Kami menggunakan metode

var makanan = ["Nasi Goreng", "Mie Ayam", "Mie Gelas"];

Kita tidak perlu mengetahui panjang array, karena metode

var makanan = ["Nasi Goreng", "Mie Ayam", "Mie Gelas"];

Contoh

var products = [];

Jadi hasilnya

Kita juga bisa menambahkan beberapa data sekaligus dengan cara ini

var products = [];

Cara Menghapus Data Larik

Sama seperti menambahkan data ke array, menghapus data juga memiliki dua cara

1. Menggunakan

   makanan[1] //-> "Mie Ayam"
   

   _6;
2. Menggunakan metode

   makanan[1] //-> "Mie Ayam"
   

   _7

Contoh

var products = [];

Kami dapat menghapus data dengan nomor indeks tertentu dengan

makanan[1] //-> "Mie Ayam"

makanan[1] //-> "Mie Ayam"

Kerugian dari

makanan[1] //-> "Mie Ayam"

Eksperimen di konsol

Tentu ini tidak baik…

...karena array akan tetap memiliki panjang

var myData = [12, 2.1, true, 'C', "Petanikode"];

Metode kedua menggunakan metode

makanan[1] //-> "Mie Ayam"

var makanan = ["Nasi Goreng", "Mie Ayam", "Mie Gelas"];

Metode

makanan[1] //-> "Mie Ayam"

Array dalam javascript dapat dilihat sebagai stack, yang memiliki properti LILO (Last in Last out)

Mari kita coba di konsol

Kami memanggil metode

makanan[1] //-> "Mie Ayam"

var myData = [12, 2.1, true, 'C', "Petanikode"];

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Mengambil data dari array</title>
</head>
<body>
    <script>
        // membuat array
        var products = ["Senter", "Radio", "Antena", "Obeng"];

        // mengambil radio
        document.write(products[1]);
    </script>
</body>
</html>

var myData = [12, 2.1, true, 'C', "Petanikode"];

Metode

makanan[1] //-> "Mie Ayam"

Menghapus Data dari Depan

Kami juga dapat menghapus data dari depan dengan menggunakan metode

document.write(products[0]);
document.write(products[1]);
document.write(products[2]);
document.write(products[3]);
document.write(products[4]);

Contoh

var products = [];

Jadi data yang dihapus adalah

document.write(products[0]);
document.write(products[1]);
document.write(products[2]);
document.write(products[3]);
document.write(products[4]);

Eksperimen di konsol

Menghapus Data pada Indeks Tertentu

Jika kita ingin menghapus data pada index tertentu, maka fungsi atau method yang digunakan adalah

document.write(products[0]);
document.write(products[1]);
document.write(products[2]);
document.write(products[3]);
document.write(products[4]);

Fungsi ini memiliki dua parameter yang harus disediakan

var products = [];

Keterangan

• document.write(products[0]);
  document.write(products[1]);
  document.write(products[2]);
  document.write(products[3]);
  document.write(products[4]);

  _3 adalah indeks data dalam array yang akan dihapus;

• document.write(products[0]);
  document.write(products[1]);
  document.write(products[2]);
  document.write(products[3]);
  document.write(products[4]);

  _4 adalah jumlah data yang akan dihapus dari indeks

Biasanya kita memberikan nilai total dengan nilai

var makanan = ["Nasi Goreng", "Mie Ayam", "Mie Gelas"];

Contoh

var products = [];

Eksperimen di konsol

Pada percobaan di atas, jika kita tidak mengisi

document.write(products[0]);
document.write(products[1]);
document.write(products[2]);
document.write(products[3]);
document.write(products[4]);

Mengubah isi Array

Untuk mengubah isi array, kita bisa mengisi ulang seperti ini

var products = [];

Jadi

document.write(products[0]);
document.write(products[1]);
document.write(products[2]);
document.write(products[3]);
document.write(products[4]);

document.write(products[0]);
document.write(products[1]);
document.write(products[2]);
document.write(products[3]);
document.write(products[4]);

Eksperimen di konsol

Sangat mudah bukan…

Metode penting pada Array

Selain metode atau fungsi yang sudah kita coba di atas, ada beberapa metode dalam Array yang perlu kita ketahui

1. Metode document.write(products[0]); document.write(products[1]); document.write(products[2]); document.write(products[3]); document.write(products[4]);_9

Metode

document.write(products[0]);
document.write(products[1]);
document.write(products[2]);
document.write(products[3]);
document.write(products[4]);

Parameter yang harus diberikan pada metode

document.write(products[0]);
document.write(products[1]);
document.write(products[2]);
document.write(products[3]);
document.write(products[4]);

var makanan = ["Nasi Goreng", "Mie Ayam", "Mie Gelas"];

Contoh

var products = ["Flashdisk", "SDD", "Monitor"];

Pada contoh di atas, kita memberikan fungsi panah sebagai fungsi callback yang akan memfilter array

Sebenarnya kita bisa membuatnya lebih sederhana seperti ini

var products = ["Flashdisk", "SDD", "Monitor"];

2. Metode <!DOCTYPE html> <html lang="en"> <head> <title>Array dan perulangan</title> </head> <body> <script> // membuat array var products = ["Senter", "Radio", "Antena", "Obeng"]; document.write("<h3>Daftar Produk:</h3>"); document.write("<ol>"); // menggunakan perulangan untuk mencetak semua isi array for(let i = 0; i < products.length; i++){ document.write(`<li>${ products[i] }</li>`); } document.write("</ol>"); </script> </body> </html>_3

Metode ini berfungsi untuk memeriksa apakah suatu data ada di dalam array atau tidak. Biasanya digunakan untuk melakukan pencarian untuk memastikan data sudah ada di dalam array

Contoh

var products = ["Flashdisk", "SDD", "Monitor"];

3. Metode <!DOCTYPE html> <html lang="en"> <head> <title>Array dan perulangan</title> </head> <body> <script> // membuat array var products = ["Senter", "Radio", "Antena", "Obeng"]; document.write("<h3>Daftar Produk:</h3>"); document.write("<ol>"); // menggunakan perulangan untuk mencetak semua isi array for(let i = 0; i < products.length; i++){ document.write(`<li>${ products[i] }</li>`); } document.write("</ol>"); </script> </body> </html>_4

Metode

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Array dan perulangan</title>
</head>
<body>
    <script>
        // membuat array
        var products = ["Senter", "Radio", "Antena", "Obeng"];

        document.write("<h3>Daftar Produk:</h3>");
        document.write("<ol>");
        // menggunakan perulangan untuk mencetak semua isi array
        for(let i = 0; i < products.length; i++){
            document.write(`<li>${ products[i] }</li>`);
        }
        document.write("</ol>");
    </script>
</body>
</html>

Contoh

var products = ["Flashdisk", "SDD", "Monitor"];

Apa berikutnya?

Kita telah mempelajari tentang dasar-dasar array dalam javascript, seperti membuat array, menambahkan data ke array, mengubah data menjadi array, menghapus data dari array, dan juga metode-metode yang umum digunakan dalam array.

Masih banyak cara yang belum kami coba

Saran saya

Seringlah berlatih

Gunakan konsol Javascript untuk mencoba metode pada Array

Selanjutnya kita akan belajar tentang fungsi-fungsi dalam Javascript untuk membuat program yang lebih terstruktur. Dan disana kita akan membuat sebuah aplikasi dengan menggunakan array sebagai tempat penyimpanan data