Tips for manipulating 2 arrays where the value in one array is reliant on the value in another array

Question

Tips for manipulating 2 arrays where the value in one array is reliant on the value in another array

Currently, I have two arrays - arrayGuest and arrayRent. They both contain objects with a common field, GuestID. My goal is to create a list that combines fields from both arrays when their guestIDs match.

The structure of the objects is as follows:

class Guest {
    guestID: number;
    firstName: string;
    lastName: string;
    panCardNumber: string;
    address: string;
    city: string;
    state: string;
    typeOfRoom: string;
}

class Rent {
    guestID:number;
    amount:number;
    dateOfPayment: Date;
}

Below are the samples of the two arrays involved:

let arrayGuests: Array<Guest> = [
    {guestID:1,firstName:"Jay",lastName:"Shetty",panCardNumber:"FSDDE2235A",address:"150ft Ring Road",city:"Rajkot",state:"Gujarat", typeOfRoom: roomType.AC},
    // other entries omitted for brevity...
]

let rentArray : Array<Rent>= [
    {guestID:1,amount:5000,dateOfPayment:new Date("2022-03-01")},
    // other entries omitted for brevity...
]

The desired result format would be similar to: GuestID:1, Name : xyz, amount = 5000

javascript arrays typescript

Answer 1

Answer №1

Given that both arrays are sorted, we can merge them based on the index value.

interface User {
    userID: number;
    username: string;
    email: string;
}

interface Order {
    orderID: number;
    amount: number;
    date: Date;
}

type Combined = User & Order;

const userArray: Array<User> = [
    {
        userID: 1,
        username: 'JohnDoe',
        email: 'john.doe@example.com',
    },
    {
        userID: 2,
        username: 'JaneSmith',
        email: 'jane.smith@example.com',
    }
];

const orderArray: Array<Order> = [
    { orderID: 1, amount: 100, date: new Date('2022-03-01') },
    { orderID: 2, amount: 150, date: new Date('2022-03-02') },
];

// Merge function to combine user and order data
const mergeArrays = (users: User[], orders: Order[]): Combined[] => {
    return users.map((user, i) => {
        return {
            ...user,
            ...orders[i],
        };
    });
};

console.log(mergeArrays(userArray, orderArray));

Compiled:

"use strict";
const userArray = [
    {
        userID: 1,
        username: 'JohnDoe',
        email: 'john.doe@example.com',
    },
    {
        userID: 2,
        username: 'JaneSmith',
        email: 'jane.smith@example.com',
    }
];
const orderArray = [
    { orderID: 1, amount: 100, date: new Date('2022-03-01') },
    { orderID: 2, amount: 150, date: new Date('2022-03-02') },
];
const mergeArrays = (users, orders) => {
    return users.map((user, i) => {
        return Object.assign(Object.assign({}, user), orders[i]);
    });
};
console.log(mergeArrays(userArray, orderArray));

Explore the Array.prototype.map() method

Discover more about the Spread Operator

Answer 2

Given that both arrays are sorted, we can merge them based on the index value.

interface User {
    userID: number;
    username: string;
    email: string;
}

interface Order {
    orderID: number;
    amount: number;
    date: Date;
}

type Combined = User & Order;

const userArray: Array<User> = [
    {
        userID: 1,
        username: 'JohnDoe',
        email: 'john.doe@example.com',
    },
    {
        userID: 2,
        username: 'JaneSmith',
        email: 'jane.smith@example.com',
    }
];

const orderArray: Array<Order> = [
    { orderID: 1, amount: 100, date: new Date('2022-03-01') },
    { orderID: 2, amount: 150, date: new Date('2022-03-02') },
];

// Merge function to combine user and order data
const mergeArrays = (users: User[], orders: Order[]): Combined[] => {
    return users.map((user, i) => {
        return {
            ...user,
            ...orders[i],
        };
    });
};

console.log(mergeArrays(userArray, orderArray));

Compiled:

"use strict";
const userArray = [
    {
        userID: 1,
        username: 'JohnDoe',
        email: 'john.doe@example.com',
    },
    {
        userID: 2,
        username: 'JaneSmith',
        email: 'jane.smith@example.com',
    }
];
const orderArray = [
    { orderID: 1, amount: 100, date: new Date('2022-03-01') },
    { orderID: 2, amount: 150, date: new Date('2022-03-02') },
];
const mergeArrays = (users, orders) => {
    return users.map((user, i) => {
        return Object.assign(Object.assign({}, user), orders[i]);
    });
};
console.log(mergeArrays(userArray, orderArray));

Explore the Array.prototype.map() method

Discover more about the Spread Operator

Tips for manipulating 2 arrays where the value in one array is reliant on the value in another array

Answer №1

Similar questions

Tips for setting up a bookmark in bootstrapvue

Fetching the name of a JSON object in JavaScript converted to a string

Querying a collection in Mongoose for an array of ObjectIds

Tips for Angular4: ensuring ngOnDestroy completion before navigation

What are some key indicators in the source code that differentiate TypeScript from JavaScript?

Exploring Methods to Access External Iframes Using PHP or JavaScript

Find the value of a JavaScript string variable using an alternative name

What is the best method for implementing page transitions between components in NextJS?

How is it that my initial response appears correct in the first log, but then suddenly changes to a 1?

Is there a solution to resolving the type error that I am unable to identify?

Mastering the art of iterating through a JSON response

What is the best way to position a semi-circular donut graph in the center?

Tips for modifying only one property after receiving an object from an HTTP GET request

Tips for developing a sophisticated HTML quiz

How to locate the index.js file within my application using Node.js?

What is the most effective way to incorporate the DOMContentloaded event listener into the document using nextJS?

Ensuring that the text in the Bootstrap navbar is responsive for all screen

Bootstrap 4 modal experiencing issues with the form end tag functionality

Swap out the string variable when it is modified

Implementing Event Handlers for Multiple Textareas Using Jquery on a Webpage