Are you constantly receiving a -1 when trying to FindIndex value?

I am facing an issue with the following code:

First, I retrieve the ID parameter from the URL:

editUserId = this.route.snapshot.paramMap.get('id');

Next, I use FindIndex on an array of objects to find the index of an element that matches the above mentioned ID fetched from the URL:

this.userToUpdate = this.allUsers.findIndex((x: any) => x.UserId === this.editUserId);

(this.allUsers) is the array of objects in question.

Despite my efforts, the FindIndex method always returns -1. I have attempted two different approaches, but both result in the same error message: "This condition will always return 'false' since the types 'number' and 'string | null' have no overlap":

this.userToUpdate = this.allUsers.findIndex((x: any) => parseInt(x.UserId) === this.editUserId);

this.userToUpdate = this.allUsers.findIndex((x: any) => Number(x.UserId) === this.editUserId);

Any insights into what might be causing this issue?

arraysangulartypescriptlocal-storage

Answer №1

One possible solution is to ensure that the editUserId is converted to a number, as shown below:

this.userToUpdate = this.allUsers.findIndex((x: any) => Number(x.UserId) === Number(this.editUserId));

Alternatively, you can also convert the editUserId retrieved from the route params to a number like this:

editUserId = this.route.snapshot.paramMap.get('id');
editUserId = Number(editUserId)

This conversion is necessary because the parameters returned will always be in string format.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

AngularJS and CSS: A Guide to Effortlessly Toggle Sliding List Elements

I am in the process of developing a drop-down menu that can be clicked. Using my custom AngularJS directive, I have successfully implemented functionality to load menu items dynamically. While I have made significant progress, I have encountered a small i ...

javascriptcssangularjstypescript

Tips on applying array values as styles to a div element

I have a list of numbers stored in an array and an equal number of div elements. I need to assign each value from the array to a corresponding div. var xList = [265, 152, 364] var yList = [125, 452, 215] All div elements have the same class name. function ...

javascripthtmlcssarrays

Tips for managing numerous HTTP requests in Angular 6

I have a method that is trying to chain together 3 requests like this: showProfileDetails() { this.getUserInfo(this.currentUser.id).pipe( mergeMap(e => this.getAccounts(this.currentUser.id) ), mergeMap(e => this.getPayments ...

javascriptangulartypescriptrxjsobservable

Is there a way to verify an if-else statement in the ngStyle background property with Angular 7?

I have a collection of cards that need to be shown in a component. Each card contains a cover-image with an URL fetched from the server. In my component.html, I am using ngFor as follows: <div [style.background-image]="'url('+row.companyId?.c ...

angulartypescriptng-style

Tips for addressing the ExpressionChangedAfterItHasBeenCheckedError issueWould you like a way

I comprehend the reason for this error occurring in dev mode and the underlying cause. (for those who are unsure: ExpressionChangedAfterItHasBeenCheckedError Explained) What perplexes me is how to rectify it in my specific scenario. I am displaying a hi ...

angular

A guide on resolving deprecated warnings for typographical errors

Every time I try to npm install I am bombarded with numerous errors. typings WARN deprecated 9/9/2016: "registry:dt/node#6.0.0+20160831021119" is deprecated (updated, replaced or removed) My experiences with typescript have been nothing but a series ...

typescriptnpmasp.net-coretypescript-typings

Using Local Storage with JavaScript and AngularJS

I have stored some data in local storage within the index.js file using JavaScript: var account = { name: name, email: email }; // Converts the object literal to a JSON string account = JSON.stringify(accoun ...

angularjslocal-storage

Angular Pipe Date Error: "Timestamp conversion failed"

Having an issue with using a pipe in Angular, specifically when using {{fechaCreacion | date: 'medium'}}. The error I'm encountering is: Unable to convert Timestamp (seconds = 1528157765, nanoseconds = 878000000)" into a date 'for pipe& ...

angularfirebasegoogle-cloud-firestore

Determine the mean of each group of n elements within a given array

I am looking for assistance with a coding challenge involving an array of numbers. The goal is to calculate the average of every 3 elements in the array and store these averages in a new array. Below is the code I currently have: var total = 0; //Array ...

javascriptarrays

Safe way to implement map and spread operator in your codebase

Is there a workaround for this issue? I am working with an interface, IFoo, and an array of data IFoo[]. My goal is to map this data and modify a single property. It should look something like this const mapper = (foos: IFoo[]): IFoo[] => { return foo ...

typescript

What is the method to get individual words in an array to move independently of each other in processing?

I seem to be facing a logical error with my program. I am trying to display 50 random words, each spreading out and moving to random places. However, instead of achieving that, all 50 words appear simultaneously in each frame, overlapping each other and th ...

javaarraysstringprocessing

Dealing with Problems in Angular 2 Scopes

I'm facing a peculiar dilemma concerning variable scoping and accessing their values. Here's a brief snippet of the component causing the issue: import { Component } from '@angular/core'; import { HTTP_PROVIDERS } from '@angular/ ...

angulartypescriptscope

Activatable router outlets known as "Router Named Outlets" have the

Can router named outlets be set to stay activated permanently, regardless of the route navigated in the primary outlet? The idea is to have components like a sidebar persist on the page while still benefiting from routing features like guards (resolvers) ...

angularangular2-routingangular4-router

Is there a way to save my second set of image data in the same manner as the first set by

Is there a way to combine two sets of JSON data and update them in a single MySQL record using a stored procedure? I have successfully merged two sets of JSON data into a single record using a stored procedure. How can I save my second image data in the ...

phparraysjsonstored-procedures

Pagination with Arrays

I'm currently working on a script that I want to convert into pagination. Can anyone provide assistance with this task? $values = json_decode(file_get_contents('data/blogs.json')); foreach ($values as $data){ $data = clone (object)array ...

phparraysjson

Explore lengthy content within Angular 2 programming

I have a lengthy document consisting of 40000 words that I want to showcase in a visually appealing way, similar to HTML. I aim to include headers, paragraphs, and bold formatting for better readability. Currently, I am developing an Angular application. D ...

htmlangulartext

If the array's size is greater than 2, initialize the array to an empty

@ad = [2, 5, 5] if @ad.size < 2 @ad = [] end @ad # => [2, 5, 5] What could be causing @ad to not be an empty array ([])? My intention is to keep track of the last two records in an array and if they happen to be identical, a new record should repl ...

rubyarrays

Accept only numerical input, any other type will prompt a notification

Ensuring that users can only input numbers is functioning properly. If a user attempts to enter anything other than a number, an error message should be displayed. I have experimented with Validators and patterns, but I am unable to get the error message ...

angularvalidationangular-reactive-forms

Inquire about a term that includes the same letters found in an array

I am encountering an issue. My program needs to prompt me to input a word, with the requirement that the letters of this word must be present in an array. At the moment, I want it to print "The letter is correct" if the letters are contained in the array, ...

javaarrays

When using Angular to send a request body containing IFormFile to an ASP.NET Core Web API, the properties are unexpectedly null

I am facing an issue with sending a request body as an object from Angular to ASP.NET Core Web API. All the properties are coming up as null except for ID. Here is the structure of my Web API: public class Book { public int BookID { get; set; } pu ...

angularasp.net-core-webapiangular-httpclient