3

I am trying to get my head around arrays in JS. My question is; are the following two tests equivalent?

var test = 2;
console.log(test in [1,2,3]);
console.log([1,2,3].indexOf(test) != -1);

They seem to be, but then answers like this and the book I am reading suggest that you can't do in on an array, only on an object. Looking for clarity. There must be a reason that people use .indexOf(x) (which I assume is linear time) and not in (which I assume is constant time).

Community
  • 1
  • 1
Aidenhjj
  • 1,249
  • 1
  • 14
  • 27
  • 1
    using `in` is looking at the object keys, for an array they are number keys rather than strings. `indexOf` is looking at the values of the array for the item and returning the index. – synthet1c Nov 30 '16 at 11:15

5 Answers5

7

No. They are completely different.

test in [1,2,3] checks if there is a property named 2 in the object. There is, it has the value 3.

[1,2,3].indexOf(test) gets the first property with the value 2 (which is in the property named 1)

suggest that you can't do in on an array, only on an object

Arrays are objects. (A subclass if we want to use classical OO terminally, which doesn't really fit for a prototypal language like JS, but it gets the point across).

The array [1, 2, 3] is like an object { "0": 1, "1": 2, "2": 3 } (but inherits a bunch of other properties from the Array constructor).

Quentin
  • 914,110
  • 126
  • 1,211
  • 1,335
4

The first checks for an index, or if property of an object exists,

console.log(test in [1,2,3]);

and not for a value in the array, as the second is doing.

console.log([1,2,3].indexOf(test) != -1);
Nina Scholz
  • 376,160
  • 25
  • 347
  • 392
4

As per MDN,

The in operator returns true if the specified property is in the specified object.

in will check for keys. Its similar to Object.keys(array).indexOf(test)

var a1 = [1,2,3];
var a2 = ['a', 'b', 'c']
var test = 2;

console.log(test in a1)
console.log(test in a2)

// Ideal way

//ES5
console.log(a1.indexOf(test)>-1)
console.log(a2.indexOf(test)>-1)

//ES6
console.log(a1.includes(test))
console.log(a2.includes(test))
Rajesh
  • 24,354
  • 5
  • 48
  • 79
2

The in operator returns true if the specified property is in the specified object.

Using in operator for an array checks of the indices and the length property - because those are the properties for an array:

console.log(Object.getOwnPropertyNames([1, 2, 3]));
console.log(Object.keys([1, 2, 3]));
console.log('length' in [1, 2, 3]);

Object.keys : return all enumerable properties

Object.getOwnPropertyNames : return all properties

kukkuz
  • 41,512
  • 6
  • 59
  • 95
0

Try this

var test = 2;
var arrval= [1, 5, 2, 4];
var a = arrval.indexOf(test);
if(a>-1) console.log("Having");
else console.log("Not Having");
viji
  • 313
  • 1
  • 3
  • 18