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

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.

Lập trình 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.

Thứ Sáu, 13/01/2023 09:36
51 👨 282
0 Bình luận
Sắp xếp theo