💡 Tôi đã chuẩn bị sẵn trình soạn thảo bên dưới bài viết. Bạn có thể thử nghiệm thoải mái!

Cập nhật: 2025年3月1日

Hiển thị danh sách dữ liệu

📌

Kết luận

Dùng sliceforEach để hiển thị một phần danh sách từ API

📝 Mã thực tế tại đây
const res = await fetch(url);
const items = await res.json();
items.slice(0, 3).forEach(item => {
  console.log(item.title);
});

Tổng kết

- API thường trả về danh sách rất dài - Dùng slice(start, end) để lấy một đoạn dữ liệu cần thiết - Dùng forEach để duyệt và hiển thị từng mục

Hãy thử trong phần bài tập

Hãy lấy và hiển thị tiêu đề của 3 bài viết đầu tiên nhé.

🧪 Thử nghiệm tại đây

Bạn có thể viết mã thực tế vào trình soạn thảo bên dưới và xem ngay kết quả. Đừng sợ làm hỏng, bạn có thể thử lại bao nhiêu lần tùy thích.

Thử ngay

■ Bài tập thực hành

Lấy danh sách bài viết từ API và xuất tiêu đề của 3 bài đầu tiên.

Gợi ý khi gặp khó khăn

data.slice(0, 3).forEach(...)

30pt

Hiển thị danh sách dữ liệu

Lấy danh sách bài viết từ API và xuất tiêu đề của 3 bài đầu tiên.

Nhấp vào lỗi để đánh dấu dòng. ✕=lỗi ⚠=cảnh báo ›=log.

Lộ trình học · Toàn bộ bài giảng