Media Pengembangan Web & App | by APPKEY

Pembuatan WebsiteWeb ProgrammingFilter sampai Map Javascript, 10 Metode Array yang Perlu...

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 ( [] ).

Artikel Terkait  No Code Platform, Bikin Aplikasi Tanpa Koding

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.

Artikel Terkait  Angular Telah Merilis Angular Versi 12, Apa Saja yang Baru?
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.


Jasa Pembuatan Aplikasi, Website dan Internet Marketing | PT APPKEY
PT APPKEY adalah perusahaan IT yang khusus membuat aplikasi Android, iOS dan mengembangkan sistem website. Kami juga memiliki pengetahuan dan wawasan dalam menjalankan pemasaran online sehingga diharapkan dapat membantu menyelesaikan permasalahan Anda.

Jasa Pembuatan Aplikasi

Jasa Pembuatan Website

Jasa Pembuatan Paket Aplikasi

Jasa Pembuatan Internet Marketing

Mau posting artikel iklan?

Yuk klik dan ikuti ketentuan layanan dari kami, dapatkan penawaran paket dengan harga terbaik!

Subscribe Sekarang

Dapatkan beragam informasi menarik tentang Website, Aplikasi, Desain, Video dan API langsung melalui email Anda. Subscribe sekarang dan terus belajar bersama kami!

Kategori

Blog Post Ranking 10

Contoh PHP Curl : 10 Hal Luar Biasa yang dapat Anda Kembangkan dengan Curl

Meningkatnya jumlah aplikasi yang pindah ke web telah membuat "HTTP Scripting" lebih sering diminta dan diinginkan. Untuk dapat secara...

Encoding Adalah : Proses Komunikasi Encoding dan Decoding

Jika kita dapat melihat percakapan antar komputer, mungkin akan terlihat seperti ini: "010110111011101011010010110". Bahasa ini disebut dengan biner, encoding...

Looping Adalah Algoritma Perulangan: Berikut Contohnya

Jika anda sudah mendalami atau sedang mendalami dunia pemrograman terdapat sebuah konsep yang dapat memudahkan anda dalam menyusun struktur...

Rekomendasi 7 Aplikasi Pembuat Animasi 3D Terbaik. Ayo Cek!

Apakah Anda bercita-cita untuk menjadi seorang animator profesional? Belajar membuat animasi kini sudah menjadi hal mudah yang bisa dilakukan...

Metadata Adalah? Fungsi dan Jenis-Jenis Metadata

Pernah mendengar istilah metadata? Mungkin, kita sering mendengar istilah metadata. Tetapi, banyak dari kita yang belum tahu arti dari metadata...

Cara Membuat Aplikasi di Playstore dengan Mudah

Membuat aplikasi di Playstore bisa Anda lakukan dengan mudah. Terdapat beberapa situs yang bisa membantu Anda untuk membuat aplikasi...

4 Cara Mengatasi Autentikasi Google Play Store dengan Cepat dan Mudah

Apakah Anda sedang mengalami masalah autentikasi Google Play Store? Permasalahan autentikasi Google Play Store adalah permasalahan umum sering dialami...

Cara Mudah Menambahkan Lokasi Alamat Bisnis Anda di Google Maps

Saat ingin hunting tempat makan atau tempat nongkrong terbaru, tak jarang beberapa dari Anda biasanya mendapatkan informasi terkini melalui...

Rekomendasi 10 Aplikasi Coding Android Terbaik

Ketersediaan aplikasi coding Android memang banyak dicari oleh orang-orang yang sedang atau akan memulai untuk membuat aplikasi android. Jika...

7 Aplikasi Membuat Aplikasi Android Secara Offline

Aplikasi membuat aplikasi android saat ini banyak dicari penekun IT untuk membuat aplikasi Android secara offline tanpa harus menggunakan...

Bisnis

Online Service

Peluang Bisnis

Model Bisnis

Entrepreneurship

Uang

Ketrampilan

Outsourcing

Monetize

Pemasaran

SEO

Internet Marketing

Dasar Pemasaran

Strategi Pemasaran

Situs Web Analitik

Iklan

Teknologi

Teknologi Terbaru

AI

Komputer

Jaringan

Paling Sering dibaca
Mungkin Anda Menyukainya