Meneroka Kaedah Tatasusunan JavaScript dengan Contoh

Tatasusunan JavaScript adalah serba boleh dan menawarkan pelbagai kaedah terbina dalam untuk memanipulasi, mengulang dan mengurus data dengan cekap. Memahami kaedah ini adalah penting untuk pengaturcaraan yang berkesan. Mari kita mendalami beberapa kaedah tatasusunan yang biasa digunakan dengan contoh praktikal.

Kaedah Tatasusunan

• push(): Menambah satu atau lebih elemen pada penghujung tatasusunan dan mengembalikan panjang tatasusunan baharu.

let fruits = ['apple', 'banana'];
fruits.push('orange');  // returns 3 (new length of array)
console.log(fruits);    // Output: ['apple', 'banana', 'orange']

• pop(): Mengalih keluar elemen terakhir daripada tatasusunan dan mengembalikan elemen itu.

let fruits = ['apple', 'banana', 'orange'];
let lastFruit = fruits.pop();  // returns 'orange'
console.log(fruits);           // Output: ['apple', 'banana']
console.log(lastFruit);        // Output: 'orange'

• shift(): Mengalih keluar elemen pertama daripada tatasusunan dan mengembalikan elemen yang dialih keluar itu.

let fruits = ['apple', 'banana', 'orange'];
let firstFruit = fruits.shift();  // returns 'apple'
console.log(fruits);              // Output: ['banana', 'orange']
console.log(firstFruit);          // Output: 'apple'

• unshift(): Menambah satu atau lebih elemen pada permulaan tatasusunan dan mengembalikan panjang tatasusunan baharu.

let fruits = ['banana', 'orange'];
fruits.unshift('apple');  // returns 3 (new length of array)
console.log(fruits);      // Output: ['apple', 'banana', 'orange']

• forEach(): Melaksanakan fungsi yang disediakan sekali untuk setiap elemen tatasusunan.

let numbers = [1, 2, 3];
numbers.forEach(function(num) {
  console.log(num * 2);  // Output: 2, 4, 6
});

• map(): Mencipta tatasusunan baharu yang diisi dengan hasil panggilan fungsi yang disediakan pada setiap elemen dalam tatasusunan panggilan.

let numbers = [1, 2, 3];
let doubled = numbers.map(function(num) {
  return num * 2;
});
console.log(doubled);  // Output: [2, 4, 6]

• filter(): Mencipta tatasusunan baharu dengan semua elemen yang lulus ujian yang dilaksanakan oleh fungsi yang disediakan.

let numbers = [1, 2, 3, 4, 5];
let evens = numbers.filter(function(num) {
  return num % 2 === 0;
});
console.log(evens);  // Output: [2, 4]

• find(): Mengembalikan elemen pertama dalam tatasusunan yang memenuhi fungsi ujian yang disediakan.

let numbers = [10, 20, 30, 40, 50];
let found = numbers.find(function(num) {
  return num > 25;
});
console.log(found);  // Output: 30

• reduce(): Menggunakan fungsi terhadap penumpuk dan setiap elemen dalam tatasusunan (dari kiri ke kanan) untuk mengurangkannya kepada satu nilai.

let numbers = [1, 2, 3, 4, 5];
let sum = numbers.reduce(function(acc, current) {
  return acc + current;
}, 0);
console.log(sum);  // Output: 15 (1 + 2 + 3 + 4 + 5)

• indexOf(): Mengembalikan indeks pertama di mana elemen tertentu boleh ditemui dalam tatasusunan, atau -1 jika ia tidak hadir.

let fruits = ['apple', 'banana', 'orange', 'apple'];
let index = fruits.indexOf('apple');  // returns 0
console.log(index);                   // Output: 0

• lastIndexOf(): Mengembalikan indeks terakhir di mana elemen yang diberikan boleh ditemui dalam tatasusunan, atau -1 jika ia tidak hadir.

let fruits = ['apple', 'banana', 'orange', 'apple'];
let lastIndex = fruits.lastIndexOf('apple');  // returns 3
console.log(lastIndex);                      // Output: 3

Kaedah tatasusunan ini ialah alat asas untuk memanipulasi struktur data dalam JavaScript dengan cekap. Dengan menguasai kaedah ini, anda akan memperoleh kit alat yang berkuasa untuk mengendalikan tatasusunan dalam pelbagai senario pengaturcaraan.

Atas ialah kandungan terperinci Meneroka Kaedah Tatasusunan JavaScript dengan Contoh. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!