Array Method pada JavaScript – Hi bret kali ini saya akan share tentang Array Method pada JavaScript, untuk mempermudah penggunaan array, JavaScript menyediakan beberapa fungsi yang melekat pada setiap variabel array (atau lebih tepat disebut dengan method).
Array merupakan suatu tipe data yang berisi kumpulan nilai atau tipe data lain, misalnya seperti integer, string, number, boolean, floating dan lain-lain, selain itu Array juga digunakan untuk menampung banyak nilai dalam satu variabel
Dalam JavaScript, Array memiliki 2 cara untuk menuliskannya :
- Menggunakan penulisan dengan kurung siku [ ].
- Menggunakan keyword new Array().
Apa saja Array Method pada Javascript yang perlu di ketahui ?
Berikut adalah method objek array di dalam JavaScript :
concat()copyWithin()every()filter()flat()flatMap()forEach()indexOf()lastIndexOf()map()reduce()reduceRight()reverse()slice()some()sort()splice()
Contoh penggunaan array method pada javascript :
Array Method Concat
Method Concat() adalah fungsi untuk menggabungkan 2 array, dan mengembalikan array baru.
const array1 = ['a', 'b', 'c'];
const array2 = ['d', 'e', 'f'];
const array3 = array1.concat(array2);
console.log(array3);
// expected output: Array ["a", "b", "c", "d", "e", "f"]
Array Method copyWithin
Method copyWithin() adalah fungsi untuk mensalin bagian array ke lokasi (index) lain dalam array yang sama dan mengembalikan hasilnya tanpa memodifikasi panjang array.
Jika Anda ingin menyalin dan menggeser atau menimpa posisi elemen array dengan kinerja tinggi, method ini bisa menjadi solusi.
const array1 = ['a', 'b', 'c', 'd', 'e'];
// Copy to index 0 the element at index 3
console.log(array1.copyWithin(0, 3, 4));
// expected output: Array ["d", "b", "c", "d", "e"]
// Copy to index 1 all elements from index 3 to the end
console.log(array1.copyWithin(1, 3));
// expected output: Array ["d", "d", "e", "d", "e"]
Array Method Every
Method Every() adalah fungsi untuk menguji apakah semua elemen dalam array mengembalikan nilai truthy berdasarkan fungsi callback pengujian yang disediakan.
Method ini hanya mengembalikan nilai true jika semua elemen array yang diuji mengembalikan nilai truthy.
const isBelowThreshold = (currentValue) => currentValue < 40;
const array1 = [1, 30, 39, 29, 10, 13];
console.log(array1.every(isBelowThreshold));
// expected output: true
Array Method filter
Method filter() adalah fungsi untuk mencari semua elemen di dalam array yang sesuai dengan kriteria tertentu.
Method ini mengembalikan array baru yang berisi elemen yang sesuai dengan kriteria yang dicari atau lulus pengujian fungsi callback.
const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];
const result = words.filter(word => word.length > 6);
console.log(result);
// expected output: Array ["exuberant", "destruction", "present"]
Array Method flat
Method flat() adalah fungsi untuk meratakan elemen array bersarang agar memiliki kedalaman yang sesuai dengan yang ditentukan.
const arr1 = [0, 1, 2, [3, 4]];
console.log(arr1.flat());
// expected output: Array [0, 1, 2, 3, 4]
const arr2 = [0, 1, 2, [[[3, 4]]]];
console.log(arr2.flat(2));
// expected output: Array [0, 1, 2, Array [3, 4]]
Array Method flatMap
Method flatMap() adalah fungsi untuk mengembalikan array baru yang dibentuk dengan menerapkan fungsi panggilan balik yang diberikan ke setiap elemen array, lalu meratakan hasilnya dengan satu baris.
const arr1 = [1, 2, [3], [4, 5], 6, []];
const flattened = arr1.flatMap(num => num);
console.log(flattened);
// expected output: Array [1, 2, 3, 4, 5, 6]
Array Method forEach
Method forEach() adalah fungsi untuk method array di JavaScript yang mengeksekusi fungsi yang disediakan sekali untuk setiap elemen array. Method ini mengembalikan nilai undefined dan tidak mengubah array asli, tapi jika dibutuhkan kita bisa memodifikasi array sumber di dalam badan fungsi.
<strong>forEach</strong>() bisa menjadi alternatif perulangan for, kode kita akan menjadi lebih ringkas dibanding menggunakan <strong>for</strong>.
const array1 = ['a', 'b', 'c'];
array1.forEach(element => console.log(element));
// expected output: "a"
// expected output: "b"
// expected output: "c"
Array Method indexOf
Method indexOf() adalah fungsi untuk mencari indeks dari karakter tertentu di dalam string. Jika string yang dicari lebih dari satu karakter, yang dikembalikan adalah indeks karakter pertama.
Jika karakter muncul lebih dari sekali dalam string, karakter pertama digunakan.
const beasts = ['ant', 'bison', 'camel', 'duck', 'bison'];
console.log(beasts.indexOf('bison'));
// expected output: 1
// Start from index 2
console.log(beasts.indexOf('bison', 2));
// expected output: 4
console.log(beasts.indexOf('giraffe'));
// expected output: -1
Array Method lastIndexOf
Method lastIndexOf() adalah fungsi untuk mencari indeks dari kemunculan terakhir karakter tertentu di dalam string. Jika string yang dicari lebih dari satu karakter, yang dikembalikan adalah indeks karakter pertama.
Jika karakter muncul lebih dari sekali dalam string, karakter terakhir digunakan.
const animals = ['Dodo', 'Tiger', 'Penguin', 'Dodo'];
console.log(animals.lastIndexOf('Dodo'));
// expected output: 3
console.log(animals.lastIndexOf('Tiger'));
// expected output: 1
Array Method map
Method map() adalah fungsi untuk mengembalikan array baru berisi elemen yang dikembalikan oleh fungsi callback. Mirip seperti <strong>forEach</strong>(), mengembalikan nilai undefined, <strong>map</strong>() mengembalikan array baru.
Method ini cocok digunakan ketika kita ingin memodifikasi elemen array tanpa mengubah array asli.
const array1 = [1, 4, 9, 16];
// Pass a function to map
const map1 = array1.map(x => x * 2);
console.log(map1);
// expected output: Array [2, 8, 18, 32]
Array Method reduce
Method reduce() adalah fungsi untuk mengeksekusi fungsi callback pada setiap elemen array, nilai hasil kalkulasi pada elemen sebelumnya digunakan untuk melakukan kalkulasi pada elemen berikutnya.
Setelah menjalankan fungsi callback untuk semua elemen array, method ini menghasilkan nilai tunggal.
const array1 = [1, 2, 3, 4];
// 0 + 1 + 2 + 3 + 4
const initialValue = 0;
const sumWithInitial = array1.reduce(
(accumulator, currentValue) => accumulator + currentValue,
initialValue
);
console.log(sumWithInitial);
// expected output: 10
Array Method reduceRight
Method reduceRight() adalah fungsi untuk mengeksekusi fungsi callback pada setiap elemen array dari kanan ke kiri (elemen array terakhir ke awal).
Nilai hasil kalkulasi pada elemen sebelumnya digunakan untuk melakukan kalkulasi pada elemen berikutnya.
const array1 = [[0, 1], [2, 3], [4, 5]];
const result = array1.reduceRight((accumulator, currentValue) => accumulator.concat(currentValue));
console.log(result);
// expected output: Array [4, 5, 2, 3, 0, 1]
Array Method reverse
Method reverse() adalah fungsi untuk membalikkan urutan array, elemen pertama jadi terakhir dan elemen terakhir jadi yang pertama.
Method ini menyebabkan side effect yang membuat array asli berubah atau bermutasi, array yang dikembalikan adalah referensi ke array sumber.
const array1 = ['one', 'two', 'three'];
console.log('array1:', array1);
// expected output: "array1:" Array ["one", "two", "three"]
const reversed = array1.reverse();
console.log('reversed:', reversed);
// expected output: "reversed:" Array ["three", "two", "one"]
// Careful: reverse is destructive -- it changes the original array.
console.log('array1:', array1);
// expected output: "array1:" Array ["three", "two", "one"]
Array Method slice
Method slice() adalah fungsi untuk menyalin sebagian elemen array ke array baru.
Elemen yang ingin disalin ditentukan menggunakan indeks, indeks awal dan akhir. Method ini tidak mengubah array asli.
const animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];
console.log(animals.slice(2));
// expected output: Array ["camel", "duck", "elephant"]
console.log(animals.slice(2, 4));
// expected output: Array ["camel", "duck"]
console.log(animals.slice(1, 5));
// expected output: Array ["bison", "camel", "duck", "elephant"]
console.log(animals.slice(-2));
// expected output: Array ["duck", "elephant"]
console.log(animals.slice(2, -1));
// expected output: Array ["camel", "duck"]
console.log(animals.slice());
// expected output: Array ["ant", "bison", "camel", "duck", "elephant"]
Array Method some
Method some() adalah fungsi untuk menguji apakah setidaknya satu elemen array lulus ketika di uji dengan fungsi callback yang disediakan. Tidak mengubah array sumber.
Method ini akan mengembalikan nilai true jika setidaknya satu elemen array lulus atau mengembalikan nilai truthy ketika diuji dengan menggunakan fungsi callback.
const array = [1, 2, 3, 4, 5];
// Checks whether an element is even
const even = (element) => element % 2 === 0;
console.log(array.some(even));
// expected output: true
Array Method sort
Method sort() adalah fungsi untuk untuk mengurutkan array.
Secara default, elemen diurutkan ascending dengan mengubah setiap elemen menjadi string lalu membandingkan urutan nilai Unicode UTF-16.
const months = ['March', 'Jan', 'Feb', 'Dec'];
months.sort();
console.log(months);
// expected output: Array ["Dec", "Feb", "Jan", "March"]
const array1 = [1, 30, 4, 21, 100000];
array1.sort();
console.log(array1);
// expected output: Array [1, 100000, 21, 30, 4]
Array Method splice
Method splice() adalah fungsi untuk mengubah elemen array termasuk menghapus, mengganti, atau menambah elemen baru.
Method ini mengubah array asli dan mengembalikan array berisi elemen yang dihapus.
const months = ['Jan', 'March', 'April', 'June'];
months.splice(1, 0, 'Feb');
// Inserts at index 1
console.log(months);
// expected output: Array ["Jan", "Feb", "March", "April", "June"]
months.splice(4, 1, 'May');
// Replaces 1 element at index 4
console.log(months);
// expected output: Array ["Jan", "Feb", "March", "April", "May"]Demikian tutorial mengenai Array Method pada Pemrograman Javascript. Semoga bermanfaat dan dapat membantu kita semua, Terima kasih. 🙂
Baca Juga :
- Type data JavaScript
- Membuat kode di JavaScript
- Operator Aritmatika di Javascript
- Function di Javascript
- Event di Javascript
- String Pada Javascript
- Menampilkan Tanggal dengan Javascript
- Switch Case pada Javascript
- Perulangan For Pada Javascript
- Manipulasi String Pada Javascript
- Array Method pada JavaScript
- Belajar Bahasa Pemrograman Javascript
