JavaScript - find index of array inside another array

Question

I am trying to find the index of an array inside another array in Javascript, as below:

const piece = [5, 10];
const array = [[5, 10], [5, 11]];

//Using indexOf
console.log(array.indexOf(piece));

//Using findIndex
console.log(array.findIndex(function(element) {
  return element == piece;
  }));

I'm expecting these to return a 0 as that is the index where my "piece" is inside the larger array, but both methods return -1

Any ideas why this is happening? And if there is a different way for me to do this?

Thanks.

They are different arrays that happen to have the same numbers, but still different arrays. — trincot
– trincot, Commented Jan 6, 2022 at 17:58
Please follow the link to see a solution. stackoverflow.com/a/34170710/1635742 — Arul Prabakaran
– Arul Prabakaran, Commented Jan 6, 2022 at 18:04

3limin4t0r · Accepted Answer · 2022-01-06 18:14:40Z

5

To compare the actual values you can use the JSON.stringify() method:

piece = [5, 10];
array = [[5, 10], [5, 11]];

//Using findIndex
console.log(array.findIndex(function(element) {
    return JSON.stringify(element) == JSON.stringify(piece);
    }));

edited Jan 6, 2022 at 18:14

3limin4t0r

21.4k3 gold badges38 silver badges61 bronze badges

answered Jan 6, 2022 at 18:05

MWO

2,8462 gold badges12 silver badges28 bronze badges

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

Comments

trincot · Accepted Answer · 2022-01-06 18:02:15Z

1

You are comparing objects (arrays) that were created each on their own, so they are not the same objects. If you want, you can compare each of the integers inside the arrays, and when also the array lengths match, you can conclude they are the "same":

piece = [5, 10];
array = [[5, 10], [5, 11]];

//Using findIndex
console.log(array.findIndex(function(element) {
  return element.length === array.length 
      && element.every((val, i) => val == piece[i]);
}));

answered Jan 6, 2022 at 18:02

trincot

357k38 gold badges282 silver badges338 bronze badges

Comments

shobe · Accepted Answer · 2022-01-06 18:01:19Z

0

Arrays in JavaScript are not compared by value, but by reference. So if you have arrays a and b like this:

const a = [1, 2];
const b = [1, 2];

When you compare them using ==, or === then their references are compared, not values. So this console.log(a == b), or console.log(a === b) will print false.

answered Jan 6, 2022 at 18:01

shobe

4013 silver badges7 bronze badges

Collectives™ on Stack Overflow

JavaScript - find index of array inside another array

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related