junaidp
junaidp

Reputation: 11201

How to get value at a specific index of array In JavaScript?

I have an array and simply want to get the element at index 1.

var myValues = new Array();
var valueAtIndex1 = myValues.getValue(1); // (something like this)

How can I get the value at the 1st index of my array in JavaScript?

Upvotes: 144

Views: 667008

Answers (8)

Ivan Trechyokas
Ivan Trechyokas

Reputation: 517

  • your_array[0]
  • your_array?.[0] (with NPE check)

Upvotes: 0

Abdul Munim
Abdul Munim

Reputation: 19217

You can access an element at a specific index using the bracket notation accessor.

var valueAtIndex1 = myValues[1];

On newer browsers/JavaScript engines (see browser compatibility here), you can also use the .at() method on arrays.

var valueAtIndex1 = myValues.at(1);

On positive indexes, both methods work the same (the first one being more common). Array.prototype.at() however allows you to access elements starting from the end of the array by passing a negative number. Passing -1 will give the last element of the array, passing -2 the second last, etc.

See more details at the MDN documentation.

Upvotes: 224

Rohìt Jíndal
Rohìt Jíndal

Reputation: 27192

As you specifically want to get the element at index 1. You can also achieve this by using Array destructuring from ES6.

const arr = [1, 2, 3, 4];
const [zeroIndex, firstIndex, ...remaining] = arr;
console.log(firstIndex); // 2

Or, As per ES2022. You can also use Array.at()

const arr = [1, 2, 3, 4];
console.log(arr.at(1)); // 2

Upvotes: 1

Lars Flieger
Lars Flieger

Reputation: 2534

Update 2022

With ES2022 you can use Array.prototype.at():

const myValues = [1, 2, 3]
myValues.at(1) // 2

at() also supports negative index, which returns an element from the end of the array:

const myValues = [1, 2, 3]
myValues.at(-1) // 3
myValues.at(-2) // 2

Read more: MDN, JavascriptTutorial, Specifications

Upvotes: 2

Daniel Delgado
Daniel Delgado

Reputation: 5313

indexer (array[index]) is the most frequent use. An alternative is at array method:

const cart = ['apple', 'banana', 'pear'];
cart.at(0) // 'apple'
cart.at(2) // 'pear'

If you come from another programming language, maybe it looks more familiar.

Upvotes: 11

Chris Fulstow
Chris Fulstow

Reputation: 41872

Array indexes in JavaScript start at zero for the first item, so try this:

var firstArrayItem = myValues[0]

Of course, if you actually want the second item in the array at index 1, then it's myValues[1].

See Accessing array elements for more info.

Upvotes: 45

Subrat
Subrat

Reputation: 901

shift can be used in places where you want to get the first element (index=0) of an array and chain with other array methods.

example:

const comps = [{}, {}, {}]
const specComp = comps
                  .map(fn1)
                  .filter(fn2)
                  .shift()

Remember shift mutates the array, which is very different from accessing via an indexer.

Upvotes: 1

Petar Ivanov
Petar Ivanov

Reputation: 93020

You can just use []:

var valueAtIndex1 = myValues[1];

Upvotes: 15

Related Questions