Cách trả về nhiều giá trị từ một hàm trong JavaScript

Các hàm chỉ trả về một giá trị. Làm thế nào chúng ta có thể mô phỏng trả về nhiều giá trị từ một hàm?


Khi chúng tôi gọi một hàm trong JavaScript, chúng tôi chỉ có thể trả về một giá trị bằng cách sử dụngreturntuyên bố:

const getAge = () => {
  return 37
}

const getName = () => { return ‘Flavio’ }

Làm cách nào chúng ta có thể trả về nhiều giá trị từ một hàm?

Một mẹo đơn giản là trả về một mảng

const getDetails = () => {
  return [37, 'Flavio']
}

Điều này là tốt và chúng ta có thể lấy các giá trị theo cách này nhờ vào cấu trúc mảng:

const [age, name] = getDetails()

Bây giờ chúng tôi cóagenamecác biến có chứa các giá trị đó.

Lưu ý rằng thứ tự chúng tôi xác định những thứ đó trongconst [age, name] = getDetails()các vấn đề.

Chúng tôi cũng có thể trả về một đối tượng và sử dụng cấu trúc đối tượng:

const getDetails = () => {
  return { 
    age: 37, 
    name: 'Flavio'
  }
}

const { age, name } = getDetails()

Trong trường hợp này, thứ tự củaagenametrongconst { age, name } = getDetails()không quan trọng nữa, bởi vì đó là các tham số được đặt tên.

Tải xuống miễn phí của tôiSổ tay dành cho Người mới bắt đầu JavaScript


Các hướng dẫn js khác: