Tạo một tuple chứa các key của một object và một tuple chứa các giá trị tương ứng trong TypeScript

Tạo một tuple chứa các key (khóa) và một tuple chứa các giá trị tương ứng từ một object là một công việc quan trọng khi làm việc với dữ liệu. Điều này cho phép mình biến đổi cấu trúc dữ liệu từ object thành tuple với các key và giá trị tương ứng, tạo ra một cách linh hoạt để xử lý dữ liệu trong TypeScript.

Trong loạt bài tập này, mình sẽ cùng nhau tìm hiểu về cách tạo một tuple chứa các key của một object và một tuple chứa các giá trị tương ứng. Mình sẽ tìm hiểu cách sử dụng TypeScript để trích xuất các key và giá trị từ object, sau đó tạo thành các tuple mới để thể hiện cấu trúc dữ liệu này.

Tạo Tuple từ Object

Tạo Tuple từ Object:

• Viết một hàm tupleFromObject nhận vào một object.
• Sử dụng Object.keys để lấy các key từ object và chuyển chúng thành một tuple.
• Sử dụng Object.values để lấy các giá trị từ object và chuyển chúng thành một tuple.

Kết hợp Tuple để tạo Object mới

• Viết một hàm objectFromTuples nhận vào hai tuple: một tuple chứa keys và một tuple chứa values.
• Sử dụng reduce để tạo một object mới từ các tuples.

Sử dụng các hàm đã tạo

Tạo Object ban đầu:

• Tạo một object với keys và values tùy ý.

Gọi hàm tupleFromObject và objectFromTuples:

• Gọi hàm tupleFromObject với object đã tạo.
• Gọi hàm objectFromTuples với các tuple trả về từ tupleFromObject.
• In ra object mới sau khi đã kết hợp các tuples.

function tupleFromObject(obj: any): [string[], any[]] {
    const keys = Object.keys(obj);
    const values = Object.values(obj);
    return [keys, values];
}

function objectFromTuples(keys: string[], values: any[]): { [key: string]: any } {
    return keys.reduce((acc, key, index) => {
        acc[key] = values[index];
        return acc;
    }, {});
}

const myObject = {
    name: "John",
    age: 30,
    country: "USA"
};

const [keysTuple, valuesTuple] = tupleFromObject(myObject);
const newObject = objectFromTuples(keysTuple, valuesTuple);
console.log("New Object:", newObject);

Hàm tupleFromObject:

• Hàm này nhận một object và sử dụng Object.keys và Object.values để tạo ra hai tuple chứa keys và values từ object.

Hàm objectFromTuples:

• Hàm này nhận vào hai tuple (keys và values) và sử dụng reduce để tạo ra một object mới từ các tuples.

Sử dụng các hàm:

• Tạo một object myObject với keys và values.
• Gọi hàm tupleFromObject để tạo các tuples từ myObject.
• Gọi hàm objectFromTuples để tạo ra một object mới từ các tuples.
• Kết quả sẽ in ra object mới sau khi đã kết hợp các tuples.

Bài tập trên đã mô tả cách chuyển đổi giữa object và tuple, cung cấp cách thức tận dụng các phương pháp của TypeScript để biến đổi dữ liệu. Đây chỉ là một trong số rất nhiều cách sử dụng tuple và object trong TypeScript, và việc thực hành sẽ giúp bạn hiểu rõ hơn về chúng trong việc xử lý dữ liệu.