Trong JavaScript, bạn có một số cách để trả về nhiều giá trị từ một hàm. Quantrimang.com sẽ tổng hợp cho bạn các cách phổ biến nhất để trả nhiều giá trị từ một hàm trong JavaScript.
Dùng một mảng
Bạn có thể trả về một mảng chứa nhiều giá trị. Ví dụ:
function getValues() {
return [1, 2, 3];
}
let arr = getValues();
console.log(arr[0]); // 1
console.log(arr[1]); // 2
console.log(arr[2]); // 3
Dùng một đối tượng
Bạn có thể trả về một đối tượng chứa nhiều giá trị dưới dạng thuộc tính. Ví dụ:
function getValues() {
return {
value1: 1,
value2: 2,
value3: 3
};
}
let obj = getValues();
console.log(obj.value1); // 1
console.log(obj.value2); // 2
console.log(obj.value3); // 3
Dùng phép gán phá hủy
Nếu đang dùng phiên bản JavaScript mới nhất (ECMAScript 6 trở lên), bạn có thể dùng phép gán phá hủy cho các giá trị trả về hàm này để tách riêng các biến.
Ví dụ:
function getValues() {
return [1, 2, 3];
}
let [a, b, c] = getValues();
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3
Dùng toán tử Rest
Ngược lại với toán tử trải rộng, nó sẽ nhận nhiều đối số và đóng gói chúng thành một mảng. Ví dụ:
function getValues(...args) {
return args;
}
console.log(getValues(1, 2, 3)); // [1, 2, 3]
Điều quan trọng cần lưu ý rằng phương pháp tiếp cận tốt nhất sẽ phụ thuộc vào mục đích sử dụng và loại giá trị bạn đang trả về.
Ví dụ, nếu giá trị trả về liên quan tới nhau theo một cách nào đó, có thể nó phù hợp hơn để dùng cho một đối tượng. Nhưng nếu chúng hoàn toàn không liên quan với nhau, thì một mảng có thể là lựa chọn tốt hơn.
Trên đây là những cách lập trình JavaScript để trả về nhiều giá trị cùng lúc. Hi vọng bài viết hữu ích với các bạn.