Tutorial Bejalar JavaScript #8 Manipulasi Data Array pada JavaScript

Manipulasi Data Array pada JavasSript

Jika pada tutorial Javascript sebelumnya kita mempelajari tentang Membuat tipe data Array pada Javascript maka pada tutorial kali ini kita masuk pada pembahasan tentang bagaimana cara memanipulasi data Array pada Javascript.

Ada beberapa method atau fungsi yang akan kita pelajari didalam memanipulasi data pada array di Javasciript dan method atau fungsi yang akan kita pelajari adalah menghapus data array, menambah, dan perulangan foreach pada javascript.

Buat sebuah file latihan html seperti biasa latihan1.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Belajar Javascript</title>

</head>

<body>
    <h1>Hello World</h1>
    
    <script src="script.js"></script>
</body>

</html>

Kemudian buat file javascript script.js

// method untuk menghapus data pada sesuai index ke 4
var hari = ['Senin', 'Selasa', 'Rabu', 'Kamis','Jumat'];
hari[4] = undefined;

Fungsi unddefined adalah untuk menghapus data pada Javascript, terlihat pada array ke empat hari jumat datanya telah kita hapus.

// method untuk menambah data 
var hari = ['Senin', 'Selasa', 'Rabu', 'Kamis','Jumat'];
hari.push('Jumat','Sabtu','Minggu');

Methot push adalah untuk menambah data array pada Javascript disini saya coba menambah jumlah hari jumat, sabtu, minggu.

// method untuk menghapus data pada akhir 
var hari = ['Senin', 'Selasa', 'Rabu', 'Kamis','Jumat'];
hari.push('Jumat','Sabtu','Minggu');
hari.pop();

Method pop adalah untuk menghapus data array pada bagian akhir, di sini saya menghapus data hari minggu, apabila ingin menghapus dua data maka fungsi pop dituliskan dua kali.

// method untuk menampilkan data array
var hari = ['Senin', 'Selasa', 'Rabu', 'Kamis','Jumat'];
hari.push('Jumat','Sabtu','Minggu');
console.log(hari.join(' - '));

Dengan metode join maka akan menampilkan isi array yang lebih rapi dan simpel sesuai dengan keinginan kita.

// methot untuk menyisipkan data aray di bagian tengah sesuai index 
var hari = ['Senin', 'Selasa', 'Rabu', 'Kamis','Jumat'];
hari.splice(1,0, 'Libur');

Untuk method splice adalah menambah data array pada bagian tengah sesuai dengan alamat index array yang kita inginkan.

// Pengulangan array dengan foreach

var nama = ['Affanul','Hakim','Opank','Dony','Aqil'];
var cetak = function(e){
    console.log(e);
}

nama.forEach(function(e, i) {
        console.log('Pegawai ke - ' + (i+1) + ' adalah ' + e);
})

Foreach adalah fungsi untuk melakukan pengulangan array pada Javascript, disini saya mengulang isi array dengan nomor pegawai yang berurutas serta nama pengawai sesuai urutannya pula.

OK terima kasih teman-teman yang membaca tutorial ini sampai selesai, semoga bisa bermanfaat, salam sukses.

Share

You may also like...

1 Response

  1. February 8, 2021

    […] pada tutorial Javascript sebelumnya kita mempelajari tentang Manipulasi Data Array pada Javascript maka pada tutorial kali ini kita masuk pada pembahasan tentang bagaimana cara bagaimana membuat […]