What methods can I use to optimize the process of updating a vast list of items with await?

Question

What methods can I use to optimize the process of updating a vast list of items with await?

I have a large list of items to update and I need to set prices.

for...

currentItem.attributes.menuItemPrice10 = currentItem.attributes.menuItemPrice1 + .28;
await this.menuItemsService.save(currentItem);

While this process works fine, I have noticed that Angular has limited threading options.

If I remove the await keyword, the script quickly goes through the list, but it doesn't seem to update everything based on the logs - it's like some updates are being skipped because I didn't wait for them to complete, right?

So, I'm considering using web workers as an alternative, but I read that it does not support running 'itself' as a web worker and may have platform limitations. I'm not exactly sure what that means, so I'm seeking advice on the best practice to speed up this process.

Thank you

angular typescript

Answer 1

Answer №1

If your save function is asynchronous, such as a network request, then you may be able to improve its performance. However, if it utilizes a synchronous operation like fs.writeFileSync, which blocks the entire process, there is limited room for optimization.

You can make use of Promise.all to handle multiple asynchronous operations concurrently. By combining this with .map, you can efficiently execute bulk actions on arrays of items:

await Promise.all(items.map(item => this.menuItemService.save(item)));
// Alternatively, for a small number of predefined operations:
await Promise.all([
    this.menItemService.save(previousItem),
    this.menItemService.save(currentItem),
    this.menItemService.save(nextItem),
]);

Answer 2

If your save function is asynchronous, such as a network request, then you may be able to improve its performance. However, if it utilizes a synchronous operation like fs.writeFileSync, which blocks the entire process, there is limited room for optimization.

You can make use of Promise.all to handle multiple asynchronous operations concurrently. By combining this with .map, you can efficiently execute bulk actions on arrays of items:

await Promise.all(items.map(item => this.menuItemService.save(item)));
// Alternatively, for a small number of predefined operations:
await Promise.all([
    this.menItemService.save(previousItem),
    this.menItemService.save(currentItem),
    this.menItemService.save(nextItem),
]);

What methods can I use to optimize the process of updating a vast list of items with await?

Answer №1

Similar questions

Vue encountered a double loading issue when utilizing a library compiled with Webpack

Issue: formGroup requires an input of type FormGroup. Please provide one; Error: Unable to access property 'controls' as it is undefined

Executing service calls within providers - a guide

Issue with Angular Material Auto Complete not selecting items when filtered

Ensure all promises are resolved inside of for loops before moving on to the next

Encountering an issue with Typescript and SystemJS: Struggling to locate a

Utilize ngrx effects for making API requests without storing the response in the store

Having difficulty disassociating the radio button from the label

What is the best way to view a PDF file stored locally in a web browser using Angular 6?

Ways to avoid inaccurate information in Angular without relying on form functionalities

Exploring the SetCustomValidity Function in Angular

Error message: "Lazy-loaded modules encounter a TypeError stating that '' is not a function when accessed through NGINX."

Issues have arisen where the modal popup in Bootstrap and Angular is failing to appear

Issue arising from frequent refresh token expiration in Angular 8

Transmitting a File from Angular to Nodejs - Issue with accessing the 'headers' property

Using ngrx to automatically update data upon subscription

Unlocking the Power of Dependent Types in TypeScript: Unveiling Type by Property Name Declaration

Bring in a template in TypeScript with no need for require statement

Having trouble migrating Angular with Nativescript? Encounter an issue parsing the angular.json file

Creating a gallery with thumbnail images using the ngx-swiper-wrapper package