📖 JavaScript Cơ bản - Xử lý Mảng (Array Methods)
60 phút

Xử lý Mảng trong JavaScript

Các phương thức mảng cơ bản

forEach()

let numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(number) {
  console.log(number);
});

map()

let numbers = [1, 2, 3, 4, 5];
let doubled = numbers.map(function(number) {
  return number * 2;
});
console.log(doubled); // [2, 4, 6, 8, 10]

filter()

let numbers = [1, 2, 3, 4, 5, 6];
let evenNumbers = numbers.filter(function(number) {
  return number % 2 === 0;
});
console.log(evenNumbers); // [2, 4, 6]

reduce()

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

find() và findIndex()

let users = [
  { id: 1, name: "John" },
  { id: 2, name: "Jane" },
  { id: 3, name: "Bob" }
];

let user = users.find(function(user) {
  return user.id === 2;
});
console.log(user); // { id: 2, name: "Jane" }

let index = users.findIndex(function(user) {
  return user.name === "Bob";
});
console.log(index); // 2

Kết hợp các phương thức

let products = [
  { name: "Laptop", price: 1000, category: "electronics" },
  { name: "Phone", price: 500, category: "electronics" },
  { name: "Book", price: 20, category: "education" },
  { name: "Chair", price: 150, category: "furniture" }
];

// Lấy tên các sản phẩm điện tử có giá > 300
let expensiveElectronics = products
  .filter(product => product.category === "electronics" && product.price > 300)
  .map(product => product.name);

console.log(expensiveElectronics); // ["Laptop", "Phone"]

📝 Bài tập (2)

  1. Thực hành với các phương thức mảng cơ bản

  2. Thực hành với mảng chứa các đối tượng

Bài học "Xử lý Mảng (Array Methods)" - Khóa học "JavaScript Cơ bản"