Cách truyền mảng làm tham số hàm trong JavaScript bằng cú pháp spread

Hướng dẫn cách sử dụng cú pháp spread (`...`) để truyền mảng vào một hàm trong JavaScript. Bài viết sẽ chỉ ra cách truyền từng phần tử của mảng như là các tham số riêng lẻ của hàm.

Cú pháp spread (...) trong JavaScript cho phép chúng ta truyền một mảng dưới dạng tham số cho một hàm mà không cần truyền cả mảng dưới dạng một đối tượng duy nhất. Thay vào đó, cú pháp spread "trải rộng" các phần tử của mảng, giúp hàm nhận từng phần tử riêng lẻ làm tham số.

Mã JavaScript:

// Định nghĩa một hàm nhận ba tham số
function sum(a, b, c) {
    return a + b + c;
}

// Khai báo một mảng với ba phần tử
const numbers = [1, 2, 3];

// Truyền mảng vào hàm bằng cú pháp spread
const result = sum(...numbers);

console.log(result); // Output: 6

Giải thích chi tiết từng dòng code:

  1. function sum(a, b, c): Định nghĩa một hàm sum nhận ba tham số a, b, và c.
  2. const numbers = [1, 2, 3];: Tạo một mảng numbers với ba phần tử.
  3. sum(...numbers);: Sử dụng cú pháp spread (...numbers) để truyền các phần tử của mảng numbers vào hàm sum như các tham số riêng lẻ.
  4. console.log(result);: In kết quả của hàm sum ra màn hình console, kết quả là 6.

Lời khuyên:

  • Cú pháp spread rất hữu ích khi bạn muốn truyền một mảng mà không cần phải giải quyết mảng bên trong hàm. Nó cũng có thể được sử dụng với các mảng có kích thước lớn.


Các Hướng Dẫn Cùng Chủ Đề Đang Xem

Cách thêm mã HTML vào div bằng insertAdjacentHTML trong JavaScript

Hướng dẫn cách thêm mã HTML vào một phần tử `div` sử dụng phương thức `insertAdjacentHTML` trong JavaScript, giúp bạn thêm nội dung mà không thay thế toàn bộ nội dung hiện có.
Cách chuyển đổi mã màu 3 chữ số thành mã màu 6 chữ số bằng JavaScript

Hướng dẫn cách chuyển đổi mã màu 3 chữ số (#RGB) thành mã màu 6 chữ số (#RRGGBB) bằng JavaScript. Cách này giúp đảm bảo màu hiển thị nhất quán trên các trang web.
Thêm mã HTML vào div bằng innerHTML trong JavaScript

Bài viết này hướng dẫn cách thêm mã HTML vào một phần tử `div` bằng thuộc tính `innerHTML` trong JavaScript. Người đọc sẽ học cách thao tác với DOM để thêm nội dung HTML mới vào một phần tử `div` cụ thể.
Cách truyền tham số vào phương thức setTimeout() trong JavaScript bằng Arrow Function

Hướng dẫn cách sử dụng `setTimeout()` trong JavaScript với Arrow Function để truyền tham số vào hàm. Phương thức này hữu ích khi bạn cần trì hoãn việc thực thi hàm và muốn truyền tham số vào đó.
Cách chuyển đổi tên màu thành mã Hex trong JavaScript

Hướng dẫn cách chuyển đổi tên màu (ví dụ: "red", "blue") thành mã màu Hex (#RRGGBB) bằng cách sử dụng JavaScript. Phương pháp này giúp dễ dàng thao tác với màu sắc trong lập trình web.
Chuyển đổi chữ cái Unicode có dấu thành không dấu trong JavaScript

Hướng dẫn cách sử dụng JavaScript để chuyển đổi các chữ cái Unicode có dấu thành các chữ cái không dấu. Bao gồm mã nguồn và giải thích chi tiết từng bước.
Truyền tham số vào phương thức setTimeout() trong JavaScript bằng phương thức bind()

Hướng dẫn cách truyền tham số vào phương thức `setTimeout()` bằng cách sử dụng phương thức `bind()` trong JavaScript. Phương pháp này cho phép chúng ta kiểm soát tham số được truyền vào hàm được gọi sau khoảng thời gian trì hoãn.
Chương trình JavaScript truyền tham số vào phương thức setTimeout() sử dụng Anonymous Function

Hướng dẫn cách sử dụng phương thức `setTimeout()` để truyền tham số trong JavaScript bằng cách sử dụng hàm ẩn danh. Cách tiếp cận này giúp lập trình viên trì hoãn việc thực thi mã với các tham số được truyền vào hàm.
Lấy nội dung JSON từ API URL bằng JavaScript

Cách lấy nội dung JSON từ API URL bằng JavaScript. Bao gồm mã nguồn chi tiết và giải thích từng dòng để giúp bạn hiểu cách sử dụng Fetch API để thực hiện yêu cầu GET và xử lý dữ liệu JSON.
Gửi dữ liệu JSON bằng phương thức POST đến API trong JavaScript

Hướng dẫn cách gửi dữ liệu JSON đến một API bằng phương thức POST trong JavaScript. Đoạn mã sử dụng phương thức fetch để thực hiện yêu cầu POST và bao gồm giải thích chi tiết từng bước.

Đã thêm vào giỏ hàng