Phương Thức Thông Dụng Thao Tác Mảng Trong JavaScript

Các Phương Thức Thông Dụng Để Thao Tác Với Mảng (Array) Trong JavaScript

Mảng (array) trong JavaScript là một cấu trúc dữ liệu mạnh mẽ và linh hoạt, cung cấp nhiều phương thức để thao tác với dữ liệu. Dưới đây là một số phương thức phổ biến và hữu ích để làm việc với mảng.

1. Thêm và Xóa Phần Tử

• push(): Thêm một hoặc nhiều phần tử vào cuối mảng và trả về độ dài mới của mảng.

  let arr = [1, 2, 3];
  arr.push(4, 5);
  console.log(arr); // Output: [1, 2, 3, 4, 5]
  

• pop(): Loại bỏ phần tử cuối cùng của mảng và trả về phần tử đó.

  let arr = [1, 2, 3];
  let lastElement = arr.pop();
  console.log(arr); // Output: [1, 2]
  console.log(lastElement); // Output: 3
  

• unshift(): Thêm một hoặc nhiều phần tử vào đầu mảng và trả về độ dài mới của mảng.

  let arr = [1, 2, 3];
  arr.unshift(0);
  console.log(arr); // Output: [0, 1, 2, 3]
  

• shift(): Loại bỏ phần tử đầu tiên của mảng và trả về phần tử đó.

  let arr = [1, 2, 3];
  let firstElement = arr.shift();
  console.log(arr); // Output: [2, 3]
  console.log(firstElement); // Output: 1
  

2. Truy Cập và Tìm Kiếm

• indexOf(): Trả về chỉ số của phần tử đầu tiên khớp với giá trị, hoặc -1 nếu không tìm thấy.

  let arr = [1, 2, 3, 2];
  console.log(arr.indexOf(2)); // Output: 1
  console.log(arr.indexOf(4)); // Output: -1
  

• lastIndexOf(): Trả về chỉ số của phần tử cuối cùng khớp với giá trị, hoặc -1 nếu không tìm thấy.

  let arr = [1, 2, 3, 2];
  console.log(arr.lastIndexOf(2)); // Output: 3
  

• includes(): Kiểm tra xem mảng có chứa một giá trị cụ thể hay không, trả về true hoặc false.

  let arr = [1, 2, 3];
  console.log(arr.includes(2)); // Output: true
  console.log(arr.includes(4)); // Output: false
  

3. Duyệt Mảng

• forEach(): Thực hiện một hàm cho mỗi phần tử của mảng.

  let arr = [1, 2, 3];
  arr.forEach(element => console.log(element)); // Output: 1 2 3
  

• map(): Tạo một mảng mới với kết quả của việc thực hiện hàm trên mỗi phần tử của mảng ban đầu.

  let arr = [1, 2, 3];
  let newArr = arr.map(element => element * 2);
  console.log(newArr); // Output: [2, 4, 6]
  

• filter(): Tạo một mảng mới với tất cả các phần tử của mảng ban đầu mà hàm kiểm tra trả về true.

  let arr = [1, 2, 3, 4];
  let evenNumbers = arr.filter(element => element % 2 === 0);
  console.log(evenNumbers); // Output: [2, 4]
  

• reduce(): Áp dụng hàm tích lũy trên mỗi phần tử của mảng, từ trái sang phải, để giảm mảng xuống thành một giá trị duy nhất.

  let arr = [1, 2, 3, 4];
  let sum = arr.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
  console.log(sum); // Output: 10
  

4. Thao Tác Trên Mảng

• concat(): Kết hợp hai hoặc nhiều mảng, trả về mảng mới.

  let arr1 = [1, 2];
  let arr2 = [3, 4];
  let combinedArr = arr1.concat(arr2);
  console.log(combinedArr); // Output: [1, 2, 3, 4]
  

• slice(): Trả về một mảng con từ mảng gốc, từ chỉ số bắt đầu đến chỉ số kết thúc (không bao gồm chỉ số kết thúc).

  let arr = [1, 2, 3, 4];
  let subArray = arr.slice(1, 3);
  console.log(subArray); // Output: [2, 3]
  

• splice(): Thêm hoặc xóa các phần tử từ một mảng.

  let arr = [1, 2, 3, 4];
  arr.splice(1, 2); // Xóa 2 phần tử từ chỉ số 1
  console.log(arr); // Output: [1, 4]
  
  arr.splice(1, 0, 2, 3); // Thêm phần tử 2 và 3 tại chỉ số 1
  console.log(arr); // Output: [1, 2, 3, 4]
  

5. Sắp Xếp

• sort(): Sắp xếp các phần tử của mảng.

  let arr = [3, 1, 4, 1, 5];
  arr.sort();
  console.log(arr); // Output: [1, 1, 3, 4, 5]
  
  // Sắp xếp theo hàm tùy chỉnh
  arr.sort((a, b) => b - a); // Sắp xếp giảm dần
  console.log(arr); // Output: [5, 4, 3, 1, 1]
  

• reverse(): Đảo ngược thứ tự các phần tử của mảng.

  let arr = [1, 2, 3];
  arr.reverse();
  console.log(arr); // Output: [3, 2, 1]
  

Tổng Kết

JavaScript cung cấp nhiều phương thức mạnh mẽ để thao tác với mảng, từ thêm và xóa phần tử, truy cập và tìm kiếm, đến duyệt mảng và sắp xếp. Dưới đây là tóm tắt các phương thức phổ biến:

• Thêm/Xóa Phần Tử: push(), pop(), unshift(), shift()
• Truy Cập/Tìm Kiếm: indexOf(), lastIndexOf(), includes()
• Duyệt Mảng: forEach(), map(), filter(), reduce()
• Thao Tác: concat(), slice(), splice()
• Sắp Xếp: sort(), reverse()

Việc sử dụng đúng các phương thức này sẽ giúp bạn làm việc với mảng một cách hiệu quả và tối ưu hơn trong JavaScript.