Rumah > hujung hadapan web > tutorial js > Kaedah Array yang manakah untuk digunakan dalam JS?

Kaedah Array yang manakah untuk digunakan dalam JS?

DDD
Lepaskan: 2024-09-20 18:45:39
asal
950 orang telah melayarinya

Which Array method to use in JS?

  1. Untuk memutasi Array asal:
    1. tolak() Penerangan: Menambah satu atau lebih elemen pada penghujung tatasusunan.
js
const fruits = ['apple', 'banana'];
fruits.push('orange');
console.log(fruits); // Output: ['apple', 'banana', 'orange']
Salin selepas log masuk
  1. pop() Penerangan: Mengalih keluar elemen terakhir daripada tatasusunan dan mengembalikan elemen itu.
js
const fruits = ['apple', 'banana', 'orange'];
const lastFruit = fruits.pop();
console.log(fruits); // Output: ['apple', 'banana']
console.log(lastFruit); // Output: 'orange'
Salin selepas log masuk
  1. anjakan() Penerangan: Mengalih keluar elemen pertama daripada tatasusunan dan mengembalikan elemen itu.
js
const fruits = ['apple', 'banana', 'orange'];
const firstFruit = fruits.shift();
console.log(fruits); // Output: ['banana', 'orange']
console.log(firstFruit); // Output: 'apple'
Salin selepas log masuk
  1. nyah anjakan() Penerangan: Menambah satu atau lebih elemen pada permulaan tatasusunan.
js
const fruits = ['banana', 'orange'];
fruits.unshift('apple');
console.log(fruits); // Output: ['apple', 'banana', 'orange']
Salin selepas log masuk
  1. sambatan() Penerangan: Mengubah kandungan tatasusunan dengan mengalih keluar atau menggantikan elemen sedia ada dan/atau menambah elemen baharu.
js
const fruits = ['apple', 'banana', 'orange'];
fruits.splice(1, 1, 'kiwi', 'mango'); // Removes 1 element at index 1 and adds 'kiwi' and 'mango'
console.log(fruits); // Output: ['apple', 'kiwi', 'mango', 'orange']
Salin selepas log masuk
  1. isi() Penerangan: Mengisi semua elemen tatasusunan daripada indeks permulaan hingga indeks akhir dengan nilai statik.
js
const numbers = [1, 2, 3, 4, 5];
numbers.fill(0, 1, 4); // Fills from index 1 to 4 with 0
console.log(numbers); // Output: [1, 0, 0, 0, 5]
Salin selepas log masuk
  1. isih() Penerangan: Mengisih unsur tatasusunan di tempatnya dan mengembalikan tatasusunan yang diisih.
js
const numbers = [5, 3, 8, 1];
numbers.sort(); // Sorts numbers as strings by default
console.log(numbers); // Output: [1, 3, 5, 8]
Salin selepas log masuk
  1. terbalik() Penerangan: Membalikkan elemen tatasusunan di tempatnya.
js
const numbers = [1, 2, 3, 4];
numbers.reverse();
console.log(numbers); // Output: [4, 3, 2, 1]
Salin selepas log masuk
  1. splice() untuk Penyingkiran Penerangan: Anda juga boleh menggunakan splice() untuk mengalih keluar elemen tanpa menambah apa-apa.
js
const fruits = ['apple', 'banana', 'orange'];
fruits.splice(1, 1); // Removes 1 element at index 1
console.log(fruits); // Output: ['apple', 'orange']
Salin selepas log masuk
  1. copyWithin() Perihalan: Cetek menyalin sebahagian tatasusunan ke lokasi lain dalam tatasusunan yang sama dan menukar tatasusunan asal.
js
const numbers = [1, 2, 3, 4, 5];
numbers.copyWithin(0, 3); // Copies elements from 
index 3 to 0
console.log(numbers); // Output: [4, 5, 3, 4, 5]
Salin selepas log masuk

Atas ialah kandungan terperinci Kaedah Array yang manakah untuk digunakan dalam JS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan