Ringkasan JavaScript dari 18 metode array yang umum digunakan

Seperti yang kita ketahui bersama, meminta data dari backend dan memproses data merupakan keterampilan penting bagi para insinyur front-end. Data yang diminta dari backend sering kali dikembalikan ke frontend dalam bentuk array, sehingga pentingnya metode pemrosesan array dapat menjadi penting. bayangkan; metode pemrosesan array Ada banyak sekali dokumen MDN. Banyak teman yang sering gagal memahami poin-poin penting saat mempelajarinya, sehingga hasilnya setengah dan hasilnya dua kali lipat di tempat kerja.

forEach()

tidak akan mengubah array asli

adalah sebuah fungsi yang kedua adalah indeks nomor indeks. Nilai kembaliannya tidak ditentukan;
Contoh yang berjalan adalah sebagai berikut:

Keluaran konsol

metode filter()

Metode filter() adalah metode untuk memfilter array. Parameter yang diteruskan sama dengan metode forEach, tetapi nilai yang dikembalikan adalah array data yang diperoleh;
Contoh yang berjalan adalah sebagai berikut:

Output konsolnya adalah sebagai berikut:

metode map()

Parameter yang diteruskan oleh metode map() juga sama seperti di atas, dan nilai kembaliannya juga berupa array baru; metode map() dapat melakukan pemrosesan yang sama pada setiap item array yang sedang berjalan contohnya adalah sebagai berikut:

Keluaran konsol:

metode findIndex()

Metode findIndex(), seperti namanya, mengembalikan nomor indeks item pertama dalam array yang memenuhi ketentuan. Jika tidak dapat ditemukan, ia mengembalikan -1. Parameter yang diteruskan sama seperti di atas, dan contoh yang berjalan adalah sebagai berikut:

let arr = [1, 3, 3, 4, 5, 6, 7]
//metode findIndex, mengembalikan nomor indeks item pertama yang memenuhi ketentuan, jika tidak ditemukan, mengembalikan -1
const res = arr.findIndex((item) => item > 5)

console.log(res)

:

metode find()

Metode find() mengembalikan item pertama yang ditemukan yang memenuhi ketentuan. Parameter yang diteruskan sama seperti di atas. Contoh berjalannya adalah sebagai berikut:

misalkan arr = [1, 3, 3, 4, 5, 6, 7]
//find() mencari item dan mengembalikan item pertama yang memenuhi ketentuan.
const res2 = arr.find((item) => {
  barang kembali > 5
})

console.log(res2)

adalah sebagai berikut:

metode some()

Parameter yang diteruskan oleh metode some() sama seperti di atas, dan nilai yang dikembalikan adalah nilai Boolean. Selama ditemukan item yang memenuhi ketentuan, maka akan mengembalikan nilai true; :

misalkan arr = [1, 3, 3, 4, 5, 6, 7]
//beberapa metode mengembalikan nilai Boolean const bl = arr.some((item) => {
  barang kembali > 5
})
konsol.log(bl)

metode every()

Parameter yang diteruskan oleh metode every() sama seperti di atas, dan nilai yang dikembalikan adalah nilai Boolean, tetapi setiap item harus memenuhi syarat untuk mengembalikan nilai true

; , 3, 3, 4, 5, 6, 7]
//setiap() mengembalikan nilai Boolean yang harus melewati kondisi pemfilteran sebelum mengembalikan nilai true
const bl2 = arr.setiap((Nilai Saat Ini) => {
  kembalikan Nilai Saat Ini <10
})
konsol.log(bl2)

fungsi induksi pengurangan()

Parameter pertama dalam fungsi pengurangan() adalah fungsi, parameter kedua adalah jenis jumlah variabel sementara, fungsi parameter pertama memiliki empat parameter, tetapi parameter pertama yang umum digunakan adalah Akumulasi variabel sementara (kembali apakah nilai ini), item parameter kedua. Yang ketiga adalah indeks, dan yang keempat adalah array itu sendiri; contoh kodenya adalah sebagai berikut:

misalkan arr = [1, 3, 3, 4, 5, 6, 7]
//reduce() fungsi induksi const PreviousValue = 0
const arrSum = arr.reduce((previousValue, currentValue) => {
  kembalikan Nilai sebelumnya + Nilai saat ini
}, 0)

console.log(arrSum)

adalah sebagai berikut:

concat() Penyambungan array

concat() menyambungkan dua array dan mengembalikan array baru yang disambung. Array multidimensi (array di dalam array) tidak dapat disambung;
Contoh kodenya sebagai berikut:

misalkan arr = [1, 3, 3, 4, 5, 6, 7]
 //concat menggabungkan dua array dan mengembalikan array baru
 const newArr3 = [2, 5, 5, 6, 6, 8]
 const concatArr = arr.concat(arr3 baru)
 konsol.log(concatArr)

Metode untuk mengubah array asli

push()/unshift()

(

)/unshift() adalah dengan menambahkan elemen masing-masing di akhir dan depan array, dan nilai yang dikembalikan adalah panjang array baru;

Metode pemrosesan array akan berubah. Array asli const Arr = [1, 3, 5, 6, 7, 8, 9]
Arr.push(1)
konsol.log(Arr)
konsol.log(Arr)
const a = Arr.unshift(1)
console.log(a)

hasil keluaran konsol adalah sebagai berikut:

pop()/shift()

Kedua

metode ini pop() menghapus nilai terakhir dari array, dan shift() menghapus nilai item pertama dari array; nilai yang dikembalikan adalah item yang dihapus;

konsol.log(arr)
arr.shift(1)

console.log(arr)

adalah sebagai berikut:

sort()/reverse()

Metode sort() adalah pengurutan. Parameter internal adalah fungsi, function(a, b){ return a - b }. Melalui fungsi ini, Anda dapat mengontrol urutan pengurutan dalam urutan menurun fungsi dalam urutan menaik. Jika parameter pengembalian internal a - b dalam urutan menurun, pengembalian a + b dalam urutan menaik;
reverse() adalah array flip, yaitu menyusun elemen-elemen array dalam urutan terbalik; contoh kodenya adalah sebagai berikut:

let arr = [1, 3, 3, 4, 5, 6, 7]arr.sort( (a, b) => {
  kembalikan a - b})console.log(arr)arr.reverse()console.log(arr)

splice()

Metode splice() memodifikasi array asli dan mengembalikan array baru dengan elemen yang dihapus. Angka negatif adalah nomor indeks dari belakang ke depan; parameter kedua adalah Jumlah elemen yang dihapus;

misalkan arr = [1, 3, 3, 4, 5, 6, 7]arr.splice(1, 3)console.log(arr)

Flat()

lainnya

flat() digunakan untuk meratakan array multidimensi. Parameter yang dimasukkan adalah kedalaman array, yang juga bisa tak terhingga, artinya kedalaman array tidak terbatas :

konstan Arr2 = [
  [1, 2],
  [dua puluh tiga],
  [4, 5],
  [5, 6],]console.log(Arr2.flat(Infinity))

hasil keluaran konsol:

fill()

dapat mengisi array: Cara penulisan: Array.fill(1, 2, 4) mengisi array dengan 1, dimulai dari elemen dengan nilai indeks 2, dimulai dengan nomor indeks elemen dimulai dari 4, tidak termasuk nilai indeks adalah 4 elemen; elemen yang diisi akan menimpa elemen asli yang sesuai dengan nomor indeks;
Contoh kodenya adalah sebagai berikut:

const Arr2 = [
  [1, 2],
  [dua puluh tiga],
  [4, 5],
  [5, 6],]console.log(Arr2.fill(1, 0, 4))

hasil keluaran konsol: