Tìm hiểu về mảng (Array) trong JavaScript

Mảng (Array) trong JavaScript là một loại đối tượng đặc biệt được sử dụng để lưu trữ một tập hợp các giá trị. Các giá trị trong mảng có thể là bất kỳ kiểu dữ liệu nào, bao gồm số, chuỗi, đối tượng, hoặc thậm chí các mảng khác.

Dưới đây là một số điểm quan trọng và ví dụ về cách làm việc với mảng trong JavaScript:

Tạo Mảng#

• Tạo mảng bằng cách sử dụng cú pháp literal:

let fruits = ['Apple', 'Banana', 'Cherry'];

• Tạo mảng bằng cách sử dụng constructor Array:

let numbers = new Array(10, 20, 30);

• Tạo mảng rỗng với kích thước cụ thể:

let emptyArray = new Array(5); // Tạo mảng với 5 phần tử, tất cả đều làundefined

Truy cập và Sửa đổi Phần Tử#

• Truy cập phần tử trong mảng bằng chỉ số:

let firstFruit = fruits[0]; // 'Apple'

• Sửa đổi phần tử trong mảng:

fruits[1] = 'Blueberry'; // ['Apple', 'Blueberry', 'Cherry']

Các Phương Thức Mảng Thông Dụng#

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

fruits.push('Date'); // ['Apple', 'Blueberry', 'Cherry', 'Date']

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

let lastFruit = fruits.pop(); // 'Date'

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

let firstFruitRemoved = fruits.shift(); // 'Apple'

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

fruits.unshift('Avocado'); // ['Avocado', 'Blueberry', 'Cherry']

• splice(): Thay đổi nội dung của mảng bằng cách thêm hoặc xóa các phần tử tại chỉ số cụ thể.

fruits.splice(1, 1, 'Blackberry'); // Xóa 1 phần tử tại chỉ số 1 và thêm 'Blackberry'

• slice(): Trả về một mảng mới chứa các phần tử từ một chỉ số bắt đầu đến một chỉ số kết thúc.

let citrus = fruits.slice(1, 3); // ['Blackberry', 'Cherry']

• concat(): Nối hai hoặc nhiều mảng lại với nhau và trả về một mảng mới.

let tropicalFruits = fruits.concat(['Mango', 'Papaya']); // ['Avocado', 'Blackberry', 'Cherry', 'Mango', 'Papaya']

• join(): Kết hợp tất cả các phần tử của mảng thành một chuỗi, phân cách bởi dấu phân cách.

let fruitString = fruits.join(', '); // 'Avocado, Blackberry, Cherry'

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

fruits.forEach((fruit) => console.log(fruit));

• map(): Tạo một mảng mới với các phần tử là kết quả của việc gọi hàm trên mỗi phần tử của mảng.

let upperFruits = fruits.map(fruit => fruit.toUpperCase()); // ['AVOCADO', 'BLACKBERRY', 'CHERRY']

• filter(): Tạo một mảng mới với tất cả các phần tử thỏa mãn điều kiện do hàm xác định.

let longNamedFruits = fruits.filter(fruit => fruit.length > 6); // ['Blackberry', 'Cherry']

• reduce(): Thực hiện một phép toán trên tất cả các phần tử của mảng, kết hợp chúng thành một giá trị duy nhất.

let totalLength = fruits.reduce((total, fruit) => total + fruit.length, 0); // 21

• find(): Tìm phần tử đầu tiên trong mảng thỏa mãn điều kiện do hàm xác định.

let foundFruit = fruits.find(fruit => fruit.startsWith('B')); // 'Blackberry'

• some(): Kiểm tra xem ít nhất một phần tử trong mảng thỏa mãn điều kiện do hàm xác định.

let hasLongName = fruits.some(fruit => fruit.length > 6); // true

• every(): Kiểm tra xem tất cả các phần tử trong mảng có thỏa mãn điều kiện do hàm xác định không.

let allShortNames = fruits.every(fruit => fruit.length < 10); // true

• sort(): Sắp xếp các phần tử của mảng theo thứ tự tăng dần.

fruits.sort(); // ['Avocado', 'Blackberry', 'Cherry']

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

fruits.reverse(); // ['Cherry', 'Blackberry', 'Avocado']

Các Tính Năng Khác#

• length: Trả về số lượng phần tử trong mảng.

let numFruits = fruits.length; // 3

• Array.isArray(value): Kiểm tra xem một giá trị có phải là mảng hay không.

let isArray = Array.isArray(fruits); // true

Các Ví Dụ Thực Tế#

• Tạo một mảng và thao tác với nó:

let numbers = [1, 2, 3, 4, 5]; numbers.push(6); numbers.splice(2, 1); // Xóa số 3 let doubledNumbers = numbers.map(num => num * 2); // [2, 4, 8, 10, 12] console.log(doubledNumbers);

• Sử dụng mảng để tổ chức dữ liệu:

` let students = [ { name: 'Alice', grade: 90 }, { name: 'Bob', grade: 85 }, { name: 'Charlie', grade: 92 } ];

let highAchievers = students.filter(student => student.grade > 90); console.log(highAchievers); // [{ name: 'Charlie', grade: 92 }] `

Tóm Tắt#

Mảng trong JavaScript là một công cụ mạnh mẽ để lưu trữ và quản lý các tập hợp dữ liệu. Chúng hỗ trợ nhiều phương thức để thêm, xóa, truy cập, và thao tác với các phần tử trong mảng. Sử dụng các phương thức tích hợp và các kỹ thuật thao tác mảng có thể giúp bạn xử lý dữ liệu một cách hiệu quả và linh hoạt.