Modifying data within nested objects using Typescript

Question

Modifying data within nested objects using Typescript

Imagine having an object like this:

{
   b954WYBCC4YbsMM36trawb00xZ32: { activity1: "pending", activity2: "pending" },
   pby0CAqQ1hTlagIqBTQf6l2Ti9L2: { activity1: "pending", activity2: "pending" }
}

with the initial keys being IDs retrieved from a database. The objective is to alter the values of activity1 and activity2 based on an array:

// 'data' refers to the object mentioned earlier.
const usersHaveSpecialContentAssigned = [true, false];

Object.values(data).forEach((item, index) => {
    const arrayActivityProgress = Object.values(item as string[]);
    if (usersHaveSpecialContentAssigned[index] === false) {
        arrayActivityProgress.forEach((progress) => {
            progress = 'unassigned';
            console.log(progress);
        });
    }
});

The desired outcome following the example above should be:

{
   b954WYBCC4YbsMM36trawb00xZ32: { activity1: "pending", activity2: "pending" },
   pby0CAqQ1hTlagIqBTQf6l2Ti9L2: { activity1: "unassigned", activity2: "unassigned" }
}

Is there a way I can accomplish this? My current method isn't effectively updating the values.

javascript typescript

Answer 1

Answer №1

When anticipating the specific ids, it is best to structure the code in this manner.

var startingData = {
   b954WYBCC4YbsMM36trawb00xZ32: { activity1: "pending", activity2: "pending" },
   pby0CAqQ1hTlagIqBTQf6l2Ti9L2: { activity1: "pending", activity2: "pending" }
};
var permissionsPerUserInputs = {"b954WYBCC4YbsMM36trawb00xZ32": true, "pby0CAqQ1hTlagIqBTQf6l2Ti9L2": false, "id3": false};

Here is how you can define your function:

function adjustData(userPermissions) {

    for (var [id, vals] of Object.entries(startingData)) {
       if (userPermissions.hasOwnProperty(id) && !userPermissions[id]) {  
           vals.activity1 = 'unassigned';
           vals.activity2 = 'unassigned';
           console.log(`${id}: `, vals);
       }
    }
}

adjustData(permissionsPerUserInputs);

This approach provides more precise control over permission updates and prevents potential synchronization issues within the array.

Answer 2

When anticipating the specific ids, it is best to structure the code in this manner.

var startingData = {
   b954WYBCC4YbsMM36trawb00xZ32: { activity1: "pending", activity2: "pending" },
   pby0CAqQ1hTlagIqBTQf6l2Ti9L2: { activity1: "pending", activity2: "pending" }
};
var permissionsPerUserInputs = {"b954WYBCC4YbsMM36trawb00xZ32": true, "pby0CAqQ1hTlagIqBTQf6l2Ti9L2": false, "id3": false};

Here is how you can define your function:

function adjustData(userPermissions) {

    for (var [id, vals] of Object.entries(startingData)) {
       if (userPermissions.hasOwnProperty(id) && !userPermissions[id]) {  
           vals.activity1 = 'unassigned';
           vals.activity2 = 'unassigned';
           console.log(`${id}: `, vals);
       }
    }
}

adjustData(permissionsPerUserInputs);

This approach provides more precise control over permission updates and prevents potential synchronization issues within the array.

Answer 3

Answer №2

You have the ability to compose

Utilize Object.values(data) to iterate through each item with its corresponding index in a function that assigns "unassigned" to both activity1 and activity2 if usersHaveSpecialContentAssigned[index] is false.

Always ensure you are monitoring the index range to prevent any errors.

Answer 4

You have the ability to compose

Utilize Object.values(data) to iterate through each item with its corresponding index in a function that assigns "unassigned" to both activity1 and activity2 if usersHaveSpecialContentAssigned[index] is false.

Always ensure you are monitoring the index range to prevent any errors.

Modifying data within nested objects using Typescript

Answer №1

Answer №2

Similar questions

Can a strict type be created from a partial type?

Leveraging JavaScript event handlers within a progress wizard located within an update panel

Is it possible to execute a Google Script on the last row of a spreadsheet exclusively

Why am I unable to apply the keyof operator from one type to another type, even though both types have identical keys defined but different value types?

Is it necessary to have NodeJs in order to host a React app on a server?

Navigating by Typing in the URL Bar in React

After the execution of the script by V8, which phase will be initiated first?

Tips for updating the position on a website using AJAX

Encase React black box block components and incorporate DOM event listeners

When I hover over div 1, I am attempting to conceal it and reveal div 2 in its place

Fixing a scrolling element within a div located below the screen is my goal, ensuring it remains fixed in place as the user scrolls

Is there a tool or software available that can securely encode a text file into an HTML file without the need for loading it using AJAX?

How to retrieve the values of a property from a JavaScript object

I am interested in duplicating the li elements retrieved from a JSON source

Implement a call feature using ReactJS

The concept of RxJS's catchError function involves the return of a versatile

Is it safe to securely store connection credentials in javascript?

What is the counterpart of $.isEmptyObject({}) in Typescript for checking if an object is

Comparing Angular global variables: when to use static readonly in service class versus const

What is the process for removing a document attribute in Sanity iO?