Compare 2 strings in typescript

Question

The x.name and imgname have the same type (string) and the same value "comcardpro_capsule_model_2". But why the findIndex() function return -1? Please explain it to me.

findPicture(imgname): number {
   return this.info.comcardList.findIndex(x => {
      x.name === imgname;          // result in console:
      console.log(imgname)         // comcardpro_capsule_model_2
      console.log(typeof imgname)  // string
      console.log(typeof x.name)   // string
      console.log(x.name);         // comcardpro_capsule_model_2
   })
  }

Expect result will be index of the element in array not -1.

Because you're NOT returning the result of the comparison. That's all that's going on here. — Dženis H.
– Dženis H., Commented Oct 16, 2019 at 14:11

CollinD · Accepted Answer · 2019-10-16 14:10:37Z

5

Your findIndex callback always returns undefined, you should instead return x.name === imgname;

The findIndex function essentially does something like

if (findIndexCallback(element)) return index;

for each element of the array. So if your function returns nothing (undefined), the fallback value of -1 meaning "not found" is returned.

See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/findIndex for full documentation.

edited Oct 16, 2019 at 14:10

answered Oct 16, 2019 at 13:57

CollinD

7,6032 gold badges25 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Tùng Bill Over a year ago

It works, thank you. But can you explain why we can not remove the 'return' in return x.name === imgname;

CollinD Over a year ago

Single-statement/non-bracketed arrow functions don't need a return statement because it is implicit. () => 5 is a function that returns 5. () => { 5; } is a function that returns undefined. If your function were just x => x.name === imgname it would also work.

Tùng Bill Over a year ago

const fruits = ["apple", "banana", "cantaloupe", "blueberries", "grapefruit"];  const index = fruits.findIndex(fruit => fruit === "blueberries");  console.log(index); // 3 console.log(fruits[index]); // blueberries

juancarlos · Accepted Answer · 2019-10-16 14:00:21Z

1

you need add a return statement on your findIndex

findPicture(imgname): number {
  return this.info.comcardList.findIndex(x => {
     return x.name === imgname;          // result in console:
  })

}

answered Oct 16, 2019 at 14:00

juancarlos

6314 silver badges10 bronze badges

Comments

Akash Srivastav · Accepted Answer · 2019-10-16 14:03:24Z

1

You need to return the result from your findIndex function.

findPicture(imgname): number {
    return this.info.comcardList.findIndex(x => {
    return x.name === imgname;
    });
 }

answered Oct 16, 2019 at 14:03

Akash Srivastav

7665 silver badges17 bronze badges

Collectives™ on Stack Overflow

Compare 2 strings in typescript

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related