I wonder if working with arrays (or objects) which contain about 100 000 elements (properties) can cause performance or memory problems in browsers when frequently access them using indexOf, slice etc. Are there some recommendations for working with big arrays in modern browsers?
My particular case. I have the following structure:
tack01: [array of elements 10 000 in average]
...
tack0n: [array of elements 10 000 in average]
tracks average amount is 10.
element looks like {id: xa432fds, some properties}
During the runtime I need to access any of the element knowing providing it's id.
If I use this structure without transformation I need to perform search throught all tracks and use indexOf to find element with Id.
So I deside to create an index object which has following structure:
indexObj = {id1: reference to element with id1, id2: reference to element with id2}
to access a certain element I just need to access indexObj[id], is it right solution for my case?
All this should be performed on the client side.