Cara menggunakan array to string javascript

Tipe atau struktur data array di JavaScript dan bahasa pemrograman umumnya sangat berguna ketika kita ingin menyimpan kumpulan nilai.

Bayangkan kita sedang membuat toko online yang menjual buah-buahan, lalu ingin menampilkan daftar nama buah.

Kita bisa membuat variabel untuk masing-masing buah lalu menampilkannya satu per satu, seperti ini:

const pisang = 'pisang';
const apel = 'apel';
const mangga = 'mangga';

console.log(pisang);
console.log(apel);
console.log(mangga);

Tidak ada yang salah dengan kode di atas.

Tapi, bagaimana jika buah yang ingin ditampilkan sangat banyak, sebut saja 1000.

Kita tentu harus mengulang kode untuk menampilkan masing-masing buah sebanyak jumlah buah.

Ini kurang rapi dan tidak efisien. Oleh karena itu kita butuh array.

Kode di atas dapat dicapai menggunakan array, tapi lebih rapi dan efisien:

const buah = ['pisang', 'apel', 'mangga'];

buah.forEach((item) => console.log(item));

Berikut topik yang akan kita bahas terkait array:

Apa Itu Array?

Array merupakan struktur data yang digunakan untuk menyimpan kumpulan nilai dalam satu tempat atau variabel.

Setiap nilai di dalam array disebut item atau elemen.

Mirip seperti objek.

Bedanya kalau objek menggunakan nama properti sedangkan array menggunakan indeks.

Bayangkan indeks seperti nama properti objek, hanya saja indeks ditambahkan secara otomatis.

Item pertama pada array memiliki indeks 0, item kedua 1 dan seterusnya berurutan.

Jangan sampai tertukar dengan panjang atau

const buah = [];

Kita memerlukan pemahaman yang baik saat bekerja dengan array, karena ini akan digunakan ketika memanipulasi array.

Cara Membuat Array

Di JavaScript, array dapat dibuat menggunakan kurung siku

const buah = [];

Contoh:

const buah = [];

Variabel

const buah = [];

Item atau nilai dimasukkan diantara kurung siku, jika item lebih dari satu dipisahkan dengan koma (

const buah = [];

Contoh:

const buah = ['pisang', 'apel', 'mangga'];

Di JavaScript, array dapat berisi beragam tipe data termasuk string, number, bigint, boolean, undefined, null, symbol, objek, array, bahkan fungsi.

Contoh:

const a = [
  'pisang',
  1,
  1n,
  true,
  undefined,
  null,
  Symbol(),
  {},
  [],
  function () {},
];

Array di dalam array disebut array multi dimensi.

Contoh:

const buah = ['a', [1, 'b'], 6];

Cara Mengakses Elemen Array

Untuk mengakses elemen di dalam array, kita bisa menggunakan nama array kemudian, nomor indeks dibungkus kurung kurawal.

Ingat, indeks selalu dimulai dari

const buah = [];

Contoh:

const buah = ['pisang', 'apel', 'mangga'];

console.log(buah[0]); // pisang
console.log(buah[1]); // apel
console.log(buah[2]); // mangga

Bagaimana dengan array multi dimensi? sama saja menggunakan indeks.

Tapi, indeks array yang ada di dalamnya ditulis dalam kurung siku terpisah.

Contoh:

const  = ['pisang', ['apel', 'mangga'], 'jeruk'];

console.log(buah[1][0]); // apel
console.log(buah[1][1]); // mangga

Cara Mengubah Elemen Array

Sama seperti mengakse array, untuk mengubah atau mengganti item di dalam array kita bisa menggunakan nama array, diikuti indeks elemen yang ingin diubah...

...lalu operator penugasan

const buah = [];

Contoh:

const buah = ['pisang', 'apel', 'mangga'];

buah[0] = 'jeruk';

console.log(buah); // ["jeruk", "apel", "mangga"]

Tambah dan Hapus Elemen Array

Untuk menambahkan item array sebetulnya bisa menggunakan indeks.

Contoh:

const buah = ['pisang', 'apel', 'mangga'];

buah[3] = 'jeruk';

console.log(buah); // ["pisang", "apel", "mangga", "jeruk"]

Tapi cara ini rawan kesalahan karena kita harus tau indeks akhir array.

Kalau kelebihan, JavaScript akan menyisipkan nilai

const buah = [];

Contoh:

const buah = ['pisang', 'apel', 'mangga'];

buah.forEach((item) => console.log(item));

const buah = ['pisang', 'apel', 'mangga'];

const buah = [];

Tapi kalau kurang, item yang ada akan ditimpa atau diubah seperti yang sudah dibahas sebelumnya.

Sedangkan kalau menghapus, kita juga bisa menggunakan kata kunci

const buah = ['pisang', 'apel', 'mangga'];

Tapi nilai yang dihapus sebetulnya diganti dengan

const buah = [];

Contoh:

const buah = ['pisang', 'apel', 'mangga'];

buah.forEach((item) => console.log(item));

Alih-alih menggunakan indeks, kita bisa menggunakan method Array.

Dengna method, kita bisa menambhakan dan menghapus item array ke awal dan akhir tanpa harus tau indeks-nya.

Mari kita pelajari satu per satu, semua method yang ada di sini akan dibahas secara detail di artikel terpisah.

Tambah Elemen ke Akhir (const buah = ['pisang', 'apel', 'mangga']; buah.forEach((item) => console.log(item)); 9)

const buah = ['pisang', 'apel', 'mangga'];

buah.forEach((item) => console.log(item));

Contoh:

const buah = ['pisang', 'apel', 'mangga'];

buah.forEach((item) => console.log(item));

Hapus Elemen Akhir (const buah = []; 0)

Sama seperti method sebelumnya, alih-alih menambahkan,

const buah = [];

Contoh:

const buah = ['pisang', 'apel', 'mangga'];

buah.forEach((item) => console.log(item));

Tambah Elemen ke Awal (const buah = []; 1)

Mirip seperti

const buah = ['pisang', 'apel', 'mangga'];

buah.forEach((item) => console.log(item));

const buah = [];

Contoh:

const buah = ['pisang', 'apel', 'mangga'];

buah.forEach((item) => console.log(item));

Hapus Elemen Awal (const buah = []; 2)

Sama seperti

const buah = [];

const buah = [];

Contoh:

const buah = ['pisang', 'apel', 'mangga'];

buah.forEach((item) => console.log(item));

Cara Mencari Panjang Array

Saat mengolah data array, terkadang kita ingin mengetahui panjang atau jumlah item di dalamnya.

Kalau hanya berisi puluhan item, kita masih bisa menghitung secara manual.

Bagaimana, kalau ribuan? tentu tidak mungkin dihitung manual satu per satu.

Untuk mengatasi masalah ini, kita bisa menggunakan properti

const buah = [];

Contoh:

const buah = ['pisang', 'apel', 'mangga'];

buah.forEach((item) => console.log(item));

Dalam kondisi tertentu, terkadang kita juga perlu mengetahui indeks akhir dari array.

Indeks akhir array bisa diketahui dengan cara menghitung panjang atau

const buah = [];

Contoh:

const buah = ['pisang', 'apel', 'mangga'];

buah.forEach((item) => console.log(item));

Selain itu, properti

const buah = [];

Bagaimana penggunaan array pada javascript?

Apa itu array di javascript?

Method apa yang dapat kita gunakan untuk memilah elemen array berdasarkan kondisi tertentu dan akan membuat sebuah array baru?

Apa itu Map di javascript?