Javascript - Kaedah tatasusunan

Penjelasan terperinci kaedah tatasusunan JavaScript

Artikel ini akan menyelidiki kaedah tatasusunan yang biasa digunakan dalam JavaScript, meliputi penambahan dan pemadaman elemen, carian, penukaran, pengisihan, gabungan dan lelaran, dsb., dan memberikan contoh kod untuk membantu anda memahami dan menggunakan kaedah ini dengan lebih baik.

1. Menambah dan memadam elemen

• push(): Tambahkan elemen pada penghujung tatasusunan.

<code class="language-javascript">let fruits = ["apple", "banana"];
fruits.push("cherry");
console.log(fruits); // Output: ["apple", "banana", "cherry"]</code>

• pop(): Padamkan elemen terakhir tatasusunan.

<code class="language-javascript">fruits.pop();
console.log(fruits); // Output: ["apple", "banana"]</code>

• unshift(): Tambahkan elemen pada permulaan tatasusunan.

<code class="language-javascript">fruits.unshift("mango");
console.log(fruits); // Output: ["mango", "apple", "banana"]</code>

• shift(): Padamkan elemen permulaan tatasusunan.

<code class="language-javascript">fruits.shift();
console.log(fruits); // Output: ["apple", "banana"]</code>

2. Cari dan cari

• indexOf(): Mengembalikan indeks kejadian pertama elemen yang ditentukan dalam tatasusunan.

<code class="language-javascript">let numbers = [10, 20, 30, 40];
console.log(numbers.indexOf(20)); // Output: 1</code>

• includes(): Semak sama ada tatasusunan mengandungi elemen yang ditentukan.

<code class="language-javascript">console.log(numbers.includes(30)); // Output: true
console.log(numbers.includes(50)); // Output: false</code>

3. Penukaran tatasusunan

• map(): Cipta tatasusunan baharu yang elemennya adalah hasil pemprosesan elemen tatasusunan asal melalui fungsi panggil balik.

<code class="language-javascript">let numbers = [1, 2, 3];
let squares = numbers.map(num => num * num);
console.log(squares); // Output: [1, 4, 9]</code>

• filter(): Cipta tatasusunan baharu yang elemennya ialah elemen dalam tatasusunan asal yang memenuhi syarat yang ditetapkan.

<code class="language-javascript">let evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // Output: [2]</code>

• reduce(): Kumpul elemen tatasusunan ke dalam nilai.

<code class="language-javascript">let sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // Output: 6</code>

4

• : Isih tatasusunan (lalai mengikut abjad). Nombor memerlukan pembanding tersuai. sort()

<code class="language-javascript">let fruits = ["banana", "apple", "cherry"];
fruits.sort();
console.log(fruits); // Output: ["apple", "banana", "cherry"]

let numbers = [10, 5, 20];
numbers.sort((a, b) => a - b); // 升序
console.log(numbers); // Output: [5, 10, 20]</code>

• : Balikkan tatasusunan. reverse()

<code class="language-javascript">fruits.reverse();
console.log(fruits); // Output: ["cherry", "banana", "apple"]</code>

5. Gabungan tatasusunan dan pengekstrakan

• : Gabungkan dua atau lebih tatasusunan. concat()

<code class="language-javascript">let arr1 = [1, 2];
let arr2 = [3, 4];
let combined = arr1.concat(arr2);
console.log(combined); // Output: [1, 2, 3, 4]</code>

• : Ekstrak sebahagian daripada tatasusunan tanpa mengubah suai tatasusunan asal. slice()

<code class="language-javascript">let numbers = [10, 20, 30, 40];
let sliced = numbers.slice(1, 3);
console.log(sliced); // Output: [20, 30]</code>

• : Tambah atau alih keluar elemen daripada tatasusunan. splice()

<code class="language-javascript">let fruits = ["apple", "banana", "cherry"];
fruits.splice(1, 1, "orange", "grape");
console.log(fruits); // Output: ["apple", "orange", "grape", "cherry"]</code>

6. Lelaran tatasusunan

• : Jalankan fungsi untuk setiap elemen dalam tatasusunan. forEach()

<code class="language-javascript">let numbers = [1, 2, 3];
numbers.forEach(num => console.log(num * 2)); // Output: 2, 4, 6</code>

7. Kaedah biasa yang lain

• : Tukar tatasusunan kepada rentetan, menggunakan pembatas yang ditentukan. join()

<code class="language-javascript">let fruits = ["apple", "banana", "cherry"];
console.log(fruits.join(", ")); // Output: "apple, banana, cherry"</code>

• : Mengembalikan elemen pertama yang memenuhi syarat yang ditentukan. find()

<code class="language-javascript">let numbers = [10, 20, 30];
let result = numbers.find(num => num > 15);
console.log(result); // Output: 20</code>

• : Mengembalikan indeks elemen pertama yang memenuhi syarat yang ditentukan. findIndex()

<code class="language-javascript">console.log(numbers.findIndex(num => num > 15)); // Output: 1</code>

• : Ratakan tatasusunan bersarang. flat()

Atas ialah kandungan terperinci Javascript - Kaedah tatasusunan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!