Filter sampai Map Javascript, 10 Metode Array yang Perlu Diketahui

Last Updated on March 25, 2022 by

Bahasa pemrograman JavaScript sangat identik dengan penggunaan metode array di dalamnya. Beberapa contoh metode array yang banyak digunakan adalah filter dan map JavaScript.

Namun, tidak hanya kedua metode tersebut, JavaScript masih menyimpan banyak metode array yang perlu Anda ketahui. Metode array adalah fungsi bawaan JavaScript yang dapat kita terapkan ke array kita. Ini dia 10 Metode Array yang harus Anda ketahui.

Apa itu Metode Array?

Sebelum beranjak lebih jauh untuk membahas tentang Map Javascript sebagai salah satu metode array, Anda perlu memahami apa itu metode array in JavaScript. Pertama-tama kami akan membahas terlebih dahulu tentang array.

Array adalah fungsi yang sangat krusial dalam JavaScript karena sering digunakan ketika kita ingin menyimpan daftar elemen dan mengaksesnya dengan satu variabel.

Tidak seperti kebanyakan bahasa di mana array adalah referensi ke beberapa variabel, dalam JavaScript array adalah variabel tunggal yang menyimpan banyak elemen.  Array adalah kumpulan data dari tipe data yang sama. Misalnya, array int berisi elemen bertipe int, dan array float berisi elemen bertipe float.

Array pada JavaScript terdiri dari dua jenis, One-dimensional arrays dan Multi-dimensional arrays. Namun, sekarang kita akan lebih banyak membahas tentang metode array.

Array adalah variabel bersifat tunggal yang dipakai untuk menyimpan berbagai elemen.. Pada artikel ini, Anda akan menemukan semua metode Array dan propertinya. Misalnya, metode sort() dari Array digunakan untuk mengurutkan semua elemen array tersebut menggunakan aturan penyortiran default atau kustom.

Metode array adalah fungsi bawaan JavaScript yang dapat kita terapkan ke array kita. Beberapa contoh metode array adalah map javascript, filter javascript, dan masih banyak lagi yang akan kita bahas secara lebih mendalam pada artikel ini.

Anda dapat membuat array int s, double s, atau tipe lainnya, tetapi semua nilai dalam array harus memiliki tipe yang sama. Untuk membuat array, Anda harus mendeklarasikan variabel dengan tipe array dan kemudian membuat array itu sendiri. Tipe array terlihat seperti tipe Java lainnya, kecuali mereka diikuti oleh tanda kurung siku ( [] ).

Metode Array di JavaScript

Metode Array yang banyak dikenal dan digunakan adalah Map JavaScript. Namun, pada artikel ini kami akan membahas 10 Metode Array termasuk salah satunya adalah filter JavaScript.

1. filter()

Metode filter Javascript ini membuat array baru dengan hanya elemen yang melewati kondisi di dalam fungsi yang disediakan.

const arr = [6, 5, 4, 3, 2, 1,];

  // item yang bernilai lebih dari 3
  const filtered = arr.filter(num => num > 3);
  console.log(filtered); // output: [6, 5, 4]

  console.log(arr); // output: [6, 5, 4, 3, 2, 1,];

2. forEach()

Metode ini dapat membantu Anda mengulang item array.

const arr = [6, 5, 4, 3, 2, 1,];

  arr.forEach(item => {
    console.log(item); // output: 4 3 2 1
  });

3. includes()

Metode ini memeriksa apakah array menyertakan item yang diteruskan dalam metode.

const arr = [6, 5, 4, 3, 2, 1,];

  arr.includes(2); // output: true
  arr.includes(7); // output: false

4. reduce ()

Metode reduce() menerapkan fungsi terhadap akumulator dan setiap elemen dalam array (dari kiri ke kanan) untuk menguranginya menjadi satu nilai – MDN

const arr = [6, 5, 4, 3, 2, 1,];

  const sum = arr.reduce((total, value) => total + value, 0);
  console.log(sum); // 21

5. some()

Metode ini memeriksa apakah setidaknya satu item array melewati kondisi tersebut. Jika lulus, itu mengembalikan ‘true’ jika tidak ‘false’.

const arr =  [6, 5, 4, 3, 2, 1,];

  // setidaknya satu elemen lebih besar dari 4?
  const largeNum = arr.some(num => num > 4);
  console.log(largeNum); // output: true

  // setidaknya satu elemen kurang dari atau sama dengan 0?
  const smallNum = arr.some(num => num <= 0);
  console.log(smallNum); // output: false

6. every()

Metode ini memeriksa apakah semua item array melewati kondisi tersebut. Jika lulus, itu mengembalikan ‘true’ jika tidak ‘false’.

const arr = [6, 5, 4, 3, 2, 1,];

  // semua elemen lebih besar dari 4
  const greaterFour = arr.every(num => num > 4);
  console.log(greaterFour); // output: false

  // semua elemen lebih besar dari 0
  const lessTen = arr.every(num => num < 10);
  console.log(lessTen); // output: true

7. sort()

Metode array sort ini digunakan untuk mengatur/mengurutkan item array baik secara ascending maupun descending.

const arr = [6, 5, 4, 3, 2, 1,];
  const alpha = ['e', 'a', 'c', 'u', 'y'];

  // sort in descending order
  descOrder = arr.sort((a, b) => a > b ? -1 : 1);
  console.log(descOrder); // output: 6, 5, 4, 3, 2, 1,];

  // sort in ascending order
  ascOrder = alpha.sort((a, b) => a > b ? 1 : -1);
  console.log(ascOrder); // output: ['a', 'c', 'e', 'u', 'y']

8. from()

Ini mengubah semua hal yang mirip array atau dapat diubah menjadi array yang benar terutama ketika bekerja dengan DOM, sehingga Anda dapat menggunakan metode array lain seperti pengurangan, peta, filter, dan sebagainya.

const name = 'frugence';
  const nameArray = Array.from(name);

  console.log(name); // output: frugence
  console.log(nameArray); // output: ['f', 'r', 'u', 'g', 'e', 'n', 'c', 'e']

9. Array of()

Ini membuat array dari setiap argumen yang diteruskan ke dalamnya.

const nums = Array.of([6, 5, 4, 3, 2, 1,];
  console.log(nums); // output: [6, 5, 4, 3, 2, 1,];

10. map()

Metode map JavaScript ini membuat array baru dengan memanggil fungsi yang disediakan di setiap elemen.

const arr = [6, 5, 4, 3, 2, 1,];

  // tambahkan 1 pada setiap elemen
  const oneAdded = arr.map(num => num + 1);
  console.log(oneAdded); // output [2, 3, 4, 5, 6, 7]

  console.log(arr); // output: [1, 2, 3, 4, 5, 6]

Itulah 10 metode Array yang harus Anda ketahui mulai dari filter sampai Map JavaScript. Metode array pada JavaScript ini sangat membantu para developer dalam menerapkan fungsi-fungsi tertentu dalam pemrograman. Jika Anda ingin tahu lebih banyak informasi seputar pemrograman, jangan lupa kunjungi Web App di https://appkey.id/ dan dapatkan informasi terupdate seputar Pemrograman.