Iterasi Array JavaScript
Metode iterasi array beroperasi pada setiap item array.
Array JavaScript untuk Setiap ()
Metode forEach()ini memanggil fungsi (fungsi panggilan balik) sekali untuk setiap elemen array.
Contoh
const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value, index, array) {
txt += value + "<br>";
}
Perhatikan bahwa fungsi membutuhkan 3 argumen:
- nilai barang
- indeks barang
- Array itu sendiri
Contoh di atas hanya menggunakan parameter nilai. Contoh dapat ditulis ulang menjadi:
Contoh
const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value) {
txt += value + "<br>";
}
Peta Array JavaScript()
Metode map()ini membuat array baru dengan menjalankan fungsi pada setiap elemen array.
Metode map()tidak menjalankan fungsi untuk elemen array tanpa nilai.
Metode map()ini tidak mengubah larik asli.
Contoh ini mengalikan setiap nilai array dengan 2:
Contoh
const numbers1 = [45, 4, 9, 16, 25];
const numbers2 = numbers1.map(myFunction);
function myFunction(value, index, array) {
return value * 2;
}
Perhatikan bahwa fungsi membutuhkan 3 argumen:
- nilai barang
- indeks barang
- Array itu sendiri
Ketika fungsi panggilan balik hanya menggunakan parameter nilai, parameter indeks dan larik dapat dihilangkan:
Contoh
const numbers1 = [45, 4, 9, 16, 25];
const numbers2 = numbers1.map(myFunction);
function myFunction(value) {
return value * 2;
}
Filter Array JavaScript()
Metode filter()ini membuat larik baru dengan elemen larik yang lolos pengujian.
Contoh ini membuat array baru dari elemen dengan nilai lebih besar dari 18:
Contoh
const numbers = [45, 4, 9, 16, 25];
const over18 = numbers.filter(myFunction);
function myFunction(value, index, array) {
return value > 18;
}
Perhatikan bahwa fungsi membutuhkan 3 argumen:
- nilai barang
- indeks barang
- Array itu sendiri
Pada contoh di atas, fungsi callback tidak menggunakan parameter indeks dan array, sehingga dapat dihilangkan:
Contoh
const numbers = [45, 4, 9, 16, 25];
const over18 =
numbers.filter(myFunction);
function myFunction(value) {
return value > 18;
}
JavaScript Array mengurangi ()
Metode reduce()menjalankan fungsi pada setiap elemen array untuk menghasilkan (menguranginya menjadi) satu nilai.
Metode reduce()ini bekerja dari kiri ke kanan dalam array. Lihat juga reduceRight().
Metode reduce()ini tidak mengurangi larik asli.
Contoh ini menemukan jumlah semua angka dalam array:
Contoh
const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduce(myFunction);
function myFunction(total, value, index, array) {
return total + value;
}
Perhatikan bahwa fungsi membutuhkan 4 argumen:
- Total (nilai awal / nilai yang dikembalikan sebelumnya)
- nilai barang
- indeks barang
- Array itu sendiri
Contoh di atas tidak menggunakan parameter index dan array. Itu dapat ditulis ulang menjadi:
Contoh
const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduce(myFunction);
function myFunction(total, value) {
return total + value;
}
Metode reduce()ini dapat menerima nilai awal:
Contoh
const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduce(myFunction,
100);
function myFunction(total, value) {
return total + value;
}
JavaScript Array mengurangi Kanan()
Metode reduceRight()menjalankan fungsi pada setiap elemen array untuk menghasilkan (menguranginya menjadi) satu nilai.
Bekerja dari reduceRight()kanan ke kiri dalam array. Lihat juga reduce().
Metode reduceRight()ini tidak mengurangi larik asli.
Contoh ini menemukan jumlah semua angka dalam array:
Contoh
const numbers = [45, 4, 9, 16, 25];
let sum = numbers1.reduceRight(myFunction);
function myFunction(total, value, index, array) {
return total + value;
}
Perhatikan bahwa fungsi membutuhkan 4 argumen:
- Total (nilai awal / nilai yang dikembalikan sebelumnya)
- nilai barang
- indeks barang
- Array itu sendiri
Contoh di atas tidak menggunakan parameter index dan array. Itu dapat ditulis ulang menjadi:
Contoh
const numbers = [45, 4, 9, 16, 25];
let sum = numbers1.reduceRight(myFunction);
function myFunction(total, value) {
return total + value;
}
Array JavaScript setiap ()
Metode every()ini memeriksa apakah semua nilai larik lulus ujian.
Contoh ini memeriksa apakah semua nilai array lebih besar dari 18:
Contoh
const numbers = [45, 4, 9, 16, 25];
let allOver18 =
numbers.every(myFunction);
function myFunction(value, index, array) {
return
value > 18;
}
Perhatikan bahwa fungsi membutuhkan 3 argumen:
- nilai barang
- indeks barang
- Array itu sendiri
Ketika fungsi panggilan balik hanya menggunakan parameter pertama (nilai), parameter lainnya dapat dihilangkan:
Contoh
const numbers = [45, 4, 9, 16, 25];
let allOver18 =
numbers.every(myFunction);
function myFunction(value) {
return
value > 18;
}
JavaScript Array beberapa()
Metode some()ini memeriksa apakah beberapa nilai larik lulus ujian.
Contoh ini memeriksa apakah beberapa nilai array lebih besar dari 18:
Contoh
const numbers = [45, 4, 9, 16, 25];
let someOver18 = numbers.some(myFunction);
function myFunction(value, index, array) {
return
value > 18;
}
Perhatikan bahwa fungsi membutuhkan 3 argumen:
- nilai barang
- indeks barang
- Array itu sendiri
Indeks Array JavaScriptOf()
Metode indexOf()ini mencari array untuk nilai elemen dan mengembalikan posisinya.
Catatan: Item pertama memiliki posisi 0, item kedua memiliki posisi 1, dan seterusnya.
Contoh
Cari larik untuk item "Apple":
const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.indexOf("Apple") + 1;
Sintaksis
array.indexOf(item, start)
| item | Required. The item to search for. |
| start | Optional. Where to start the search. Negative values will start at the given position counting from the end, and search to the end. |
Array.indexOf()mengembalikan -1 jika item tidak ditemukan.
Jika item hadir lebih dari sekali, itu mengembalikan posisi kemunculan pertama.
JavaScript Array lastIndexOf()
Array.lastIndexOf()sama dengan Array.indexOf(), tetapi mengembalikan posisi kemunculan terakhir dari elemen yang ditentukan.
Contoh
Cari larik untuk item "Apple":
const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.lastIndexOf("Apple") + 1;
Sintaksis
array.lastIndexOf(item, start)
| item | Required. The item to search for |
| start | Optional. Where to start the search. Negative values will start at the given position counting from the end, and search to the beginning |
Cari Array JavaScript ()
Metode find()mengembalikan nilai elemen larik pertama yang melewati fungsi pengujian.
Contoh ini menemukan (mengembalikan nilai) elemen pertama yang lebih besar dari 18:
Contoh
const numbers = [4, 9, 16, 25, 29];
let first =
numbers.find(myFunction);
function myFunction(value, index, array) {
return
value > 18;
}
Perhatikan bahwa fungsi membutuhkan 3 argumen:
- nilai barang
- indeks barang
- Array itu sendiri
Dukungan Peramban
find()adalah fitur ES6 (JavaScript 2015).
Ini didukung di semua browser modern:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
find()tidak didukung di Internet Explorer.
JavaScript Array findIndex()
Metode findIndex()mengembalikan indeks elemen larik pertama yang melewati fungsi pengujian.
Contoh ini menemukan indeks elemen pertama yang lebih besar dari 18:
Contoh
const numbers = [4, 9, 16, 25, 29];
let first =
numbers.findIndex(myFunction);
function myFunction(value, index, array) {
return
value > 18;
}
Perhatikan bahwa fungsi membutuhkan 3 argumen:
- nilai barang
- indeks barang
- Array itu sendiri
Dukungan Peramban
findIndex()adalah fitur ES6 (JavaScript 2015).
Ini didukung di semua browser modern:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
findIndex()tidak didukung di Internet Explorer.
Array JavaScript.dari()
Metode Array.from()ini mengembalikan objek Array dari objek apa pun dengan properti length atau objek yang dapat diubah.
Contoh
Buat Array dari String:
Array.from("ABCDEFG");
Dukungan Peramban
from()adalah fitur ES6 (JavaScript 2015).
Ini didukung di semua browser modern:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
from()tidak didukung di Internet Explorer.
Kunci Array JavaScript()
Metode Array.keys()mengembalikan objek Array Iterator dengan kunci array.
Contoh
Create an Array Iterator object, containing the keys of the array:
const fruits = ["Banana", "Orange", "Apple", "Mango"];
const keys = fruits.keys();
for (let x of keys) {
text += x + "<br>";
}
Browser Support
keys() is an ES6 feature (JavaScript 2015).
It is supported in all modern browsers:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
keys() is not supported in Internet Explorer.
JavaScript Array includes()
ECMAScript 2016 introduced Array.includes() to arrays.
This allows us to check if an element is present in an array (including NaN, unlike indexOf).
Example
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.includes("Mango"); // is true
Syntax
array.includes(search-item)
Array.includes() allows to check for NaN values. Unlike Array.indexOf().
Array.includes() is not supported in Internet Explorer and Edge 12/13.
The first browser versions with full support are:
Browser Support
includes() is an ECMAScript 2016 feature.
It is supported in all modern browsers:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
includes() is not supported in Internet Explorer.
Complete Array Reference
For a complete Array reference, go to our:
Complete JavaScript Array Reference.
The reference contains descriptions and examples of all Array properties and methods.