Berbagi teknologi

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Dalam JavaScript, array adalah struktur data yang sangat penting yang digunakan untuk menyimpan banyak nilai. JS menyediakan banyak metode bawaan untuk memanipulasi array, membuat pemrosesan data lebih mudah dan efisien. Artikel ini akan memperkenalkan secara rinci beberapa metode array JavaScript yang umum digunakan. Ini bukan hanya metode yang umum digunakan dalam pengembangan sehari-hari, tetapi juga fokus wawancara

1. dorong() dan pop()

dorongan()

Metode push() menambahkan satu atau lebih elemen ke akhir array dan mengembalikan panjang array baru.

let arr = [1, 2, 3];
 let newLength = arr.push(4, 5); // newLength is 5, arr is [1, 2, 3, 4, 5]

parameter: Satu atau lebih elemen untuk ditambahkan ke akhir array.

nilai kembalian: Panjang array baru.

muncul()

Metode pop() menghapus elemen dari akhir array dan mengembalikan elemen tersebut.

let arr = [1, 2, 3, 4];
let removedElement = arr.pop(); // removedElement is 4, arr is [1, 2, 3]

parameter: tidak ada.

nilai kembalian: Elemen yang dihapus.

2. shift() dan hapus shift()

menggeser()

Metode shift() digunakan untuk menghapus elemen di awal array dan mengembalikan elemen tersebut.

let arr = [1, 2, 3, 4];
 
let removedElement = arr.shift(); // removedElement is 1, arr is [2, 3, 4]

parameter: tidak ada.

nilai kembalian: Elemen yang dihapus.

tidak bergeser()

Metode unshift() menambahkan satu atau lebih elemen ke awal array dan mengembalikan panjang array baru.

let arr = [2, 3, 4];
let newLength = arr.unshift(0, 1); // newLength is 5, arr is [0, 1, 2, 3, 4]

parameter: Satu atau lebih elemen untuk ditambahkan ke awal array.

nilai kembalian: Panjang array baru.

3. irisan() dan sambungan()

mengiris()

Metode irisan() digunakan untuk mengembalikan array baru yang dipilih dari awal hingga akhir (eksklusif). Array asli tidak akan diubah.

let arr = [1, 2, 3, 4, 5];
let newArr = arr.slice(1, 3); // newArr is [2, 3], arr is [1, 2, 3, 4, 5]

parameter:

mulai(Opsional): Mulai ekstraksi dari (dan termasuk) indeks ini.

akhir(Opsional): Akhiri ekstraksi sebelum (dan tidak termasuk) indeks ini.

nilai kembalian:

array baru yang berisi dari mulai tibaakhir(tidak termasuk akhir)Elemen.

sambatan()

sambatan() Metode digunakan untuk mengubah isi array dengan menghapus atau mengganti elemen yang ada atau menambahkan elemen baru. Nilai yang dikembalikan adalah elemen yang dihapus.

let arr = [1, 2, 3, 4, 5];
let removedElements = arr.splice(2, 2, 6, 7); // removedElements is [3, 4], arr is [1, 2, 6, 7, 5]

parameter:

awal: Menentukan posisi awal modifikasi.

hapusHitungan(opsional): Integer yang menunjukkan jumlah elemen yang akan dihapus.

item1, item2, ...(opsional): Elemen baru yang akan ditambahkan ke array.

nilai kembalian: Array yang berisi elemen yang dihapus.

4. menggabungkan()

menggabungkan() Metode yang digunakan untuk menggabungkan dua atau lebih array. Metode ini tidak mengubah array yang ada, tetapi mengembalikan array baru.

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let newArr = arr1.concat(arr2, [7, 8]); // newArr is [1, 2, 3, 4, 5, 6, 7, 8]

parameter: Array atau nilai yang akan digabungkan ke dalam array saat ini.

nilai kembalian: susunan baru.

5. untuk setiap()

untuk setiap() Metode mengeksekusi fungsi yang disediakan satu kali untuk setiap elemen array.

let arr = [1, 2, 3, 4];
arr.forEach((element, index) => {
  console.log(`Element at index ${index} is ${element}`);
});
// Output:
// Element at index 0 is 1
// Element at index 1 is 2
// Element at index 2 is 3
// Element at index 3 is 4

parameter: Fungsi yang menerima elemen saat ini, indeks elemen, dan array itu sendiri sebagai parameter.

nilai kembalian: tidak ada.

6. peta()

peta() Metode ini membuat array baru yang hasilnya adalah setiap elemen dalam array adalah nilai kembalian dari panggilan ke fungsi yang disediakan.

let arr = [1, 2, 3, 4];
let newArr = arr.map(element => element * 2); // newArr is [2, 4, 6, 8]

parameter: Fungsi yang menerima elemen saat ini, indeks elemen, dan array itu sendiri sebagai parameter.

nilai kembalian: susunan baru.

7. saring()

Saring() Metode membuat larik baru yang berisi semua elemen pengujian yang diterapkan oleh fungsi yang disediakan.

let arr = [1, 2, 3, 4, 5];
let newArr = arr.filter(element => element > 2); // newArr is [3, 4, 5]

parameter: Fungsi yang menerima elemen saat ini, indeks elemen, dan array itu sendiri sebagai parameter dan mengembalikan nilai Boolean.

nilai kembalian: susunan baru.

8. mengurangi()

mengurangi() Metode ini mengeksekusi fungsi peredam yang Anda berikan (dalam urutan menaik) pada setiap elemen dalam array, meringkas hasilnya menjadi satu nilai kembalian.

let arr = [1, 2, 3, 4];
let sum = arr.reduce((accumulator, currentValue) => accumulator + currentValue, 0); // sum is 10

parameter:peredam Fungsi yang menerima akumulator dan nilai saat ini sebagai argumen.

nilaiawal(Opsional): Sebagai nilai parameter pertama saat memanggil fungsi panggilan balik untuk pertama kalinya.

nilai kembalian: Hasil akumulasi.

9. temukan()

menemukan() Metode ini mengembalikan nilai elemen pertama dalam array yang memenuhi fungsi pengujian yang disediakan.Jika tidak, kembalilahbelum diartikan。

let arr = [1, 2, 3, 4];
let foundElement = arr.find(element => element > 2); // foundElement is 3

parameter: Fungsi yang menerima elemen saat ini, indeks elemen, dan array itu sendiri sebagai parameter dan mengembalikan nilai Boolean.

nilai kembalian: Nilai elemen pertama yang lolos pengujian.

10. termasuk()

termasuk() Metode ini digunakan untuk menentukan apakah suatu array berisi nilai tertentu. Tergantung pada situasinya, metode ini akan dikembalikan jika berisiBENAR, jika tidak kembali PALSU。

let arr = [1, 2, 3, 4];
let hasElement = arr.includes(3); // hasElement is true
let notIncluded = arr.includes(5); // notIncluded is false

parameter:

nilaiUntukDitemukan: Nilai elemen yang ingin ditemukan.

dariIndeks(Opsional): Mulai mencari di indeks ini.

nilai kembalian: Nilai Boolean.

Dengan mempelajari metode array JavaScript umum ini, kita dapat memproses data yang dikirimkan oleh backend dengan lebih efisien dan menulis kode yang lebih ringkas dan mudah dibaca. Semoga artikel ini membantu Anda!