Kaedah Tatasusunan avaScript Setiap Pembangun Patut Menguasai (Bahagian 2)

JavaScript menawarkan set kaedah tatasusunan terbina dalam yang berkuasa yang menjadikan kerja dengan data lebih mudah.

Dalam siaran ini, kami akan meneroka empat kaedah tatasusunan yang biasa digunakan: concat(), reverse(), fill(), dan join().

Setiap kaedah ini ialah alat yang berharga untuk memanipulasi tatasusunan dengan cara yang berbeza. Mari selami!

Jika anda belum membaca siaran kami sebelum ini, pastikan anda menyemak Bahagian 1 untuk teknik tatasusunan yang lebih berguna! Ini akan memberi anda gambaran keseluruhan lengkap tentang kaedah tatasusunan yang lebih berkuasa.

1. concat()

Kaedah concat() membolehkan anda menggabungkan berbilang tatasusunan atau nilai ke dalam tatasusunan baharu. Ia tidak mengubah suai tatasusunan asal tetapi mengembalikan yang baharu dengan kandungan gabungan.

Sintaks:

arr.concat(value1, value2, ...);

• nilai1, nilai2, ... – Boleh menjadi tatasusunan atau nilai untuk digabungkan.

Jika hujah ialah tatasusunan, semua elemen daripada tatasusunan itu akan disalin; jika tidak, hujah itu sendiri ditiru.

Contoh:

const arr = [1, 2];

// Merging arr with another array [3, 4]
const arr1 = arr.concat([3, 4]);
console.log(arr1);  // Output: [1, 2, 3, 4]

// Merging arr with two arrays [3, 4] and [5, 6]
const arr2 = arr.concat([3, 4], [5, 6]);
console.log(arr2);  // Output: [1, 2, 3, 4, 5, 6]

// Merging arr with two arrays and additional values 5 and 6
const arr3 = arr.concat([3, 4], 5, 6);
console.log(arr3);  // Output: [1, 2, 3, 4, 5, 6]

2. terbalik()

Kaedah reverse() membalikkan susunan elemen dalam tatasusunan asal. Tidak seperti kaedah tatasusunan lain, reverse() mengubah suai tatasusunan asal di tempat dan juga mengembalikannya.

Sintaks:

arr.reverse();

Contoh:

const arr = [1, 2, 3, 4, 5];

// Reverses the array in place and returns the reversed array
const reversedArr = arr.reverse();
console.log(reversedArr);  // Output: [5, 4, 3, 2, 1]

// Original array is also reversed
console.log(arr);  // Output: [5, 4, 3, 2, 1]

3. isi()

Kaedah fill() mengisi semua elemen dalam tatasusunan dengan nilai yang ditentukan. Ia adalah kaedah mutator, bermakna ia mengubah suai tatasusunan asal dan mengembalikan versi yang dikemas kini.

Sintaks:

arr.fill(value, start, end)

• nilai – Nilai untuk mengisi tatasusunan.
• mula (pilihan) – Indeks permulaan (lalai ialah 0).
• akhir (pilihan) – Indeks penamat (lalai ialah arr.length).

Penting: Indeks akhir tidak disertakan—ia bertindak sebagai sempadan eksklusif. Ini bermakna pengisian akan berhenti betul-betul sebelum elemen pada indeks akhir.

Contoh:

const nums1 = [15, 27, 19, 2, 1];
const nums2 = [25, 28, 34, 49];
const nums3 = [8, 9, 3, 7];

// Fill all elements with 5
const newNums1 = nums1.fill(5);
console.log(nums1);  // Output: [5, 5, 5, 5, 5]
console.log(newNums1);  // Output: [5, 5, 5, 5, 5]

// Fill elements from index 1 to 3 with 25
nums2.fill(25, 1, 3);
console.log(nums2);  // Output: [25, 25, 25, 49]

// Fill elements from index -2 to end with 15 (negative index counts from the end)
nums3.fill(15, -2);
console.log(nums3);  // Output: [8, 9, 15, 15]

4. sertai()

Kaedah join() menggabungkan semua elemen tatasusunan ke dalam satu rentetan. Secara lalai, elemen dipisahkan dengan koma , tetapi anda boleh menentukan pemisah tersuai.

Sintaks:

arr.join(separator);

• pemisah (pilihan) – Rentetan yang digunakan untuk memisahkan elemen tatasusunan (lalai ialah ,).

Contoh:

const movies = ["Animal", "Jawan", "Pathaan"];

// Join elements with a custom separator " | "
const moviesStr = movies.join(" | ");
console.log(moviesStr);  // Output: "Animal | Jawan | Pathaan"

// The original array remains unchanged
console.log(movies);  // Output: ["Animal", "Jawan", "Pathaan"]

// Join elements with no separator
const arr = [2, 2, 1, ".", 4, 5];
console.log(arr.join(""));  // Output: "221.45"

// Join elements with a custom separator " and "
const random = [21, "xyz", undefined];
console.log(random.join(" and "));  // Output: "21 and xyz and "

Kesimpulan

Kaedah concat(), reverse(), fill(), dan join() ialah alat yang berkuasa untuk bekerja dengan tatasusunan dalam JavaScript.

• concat() menggabungkan tatasusunan dan nilai ke dalam tatasusunan baharu.
• reverse() membalikkan susunan elemen di tempatnya.
• fill() menggantikan elemen tatasusunan dengan nilai yang ditentukan.
• join() menggabungkan elemen tatasusunan menjadi rentetan, dengan pemisah yang boleh disesuaikan.

Kaedah ini penting untuk manipulasi tatasusunan yang berkesan dan boleh membantu menjadikan kod anda lebih bersih dan cekap.

Atas ialah kandungan terperinci Kaedah Tatasusunan avaScript Setiap Pembangun Patut Menguasai (Bahagian 2). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!