w3resource

JavaScript: Get the nth element of a given array

JavaScript fundamental (ES6 Syntax): Exercise-173 with Solution

Get nth Array Element

Write a JavaScript program to get the nth element of a given array of elements.

  • Use Array.prototype.slice() to get an array containing the nth element at the first place.
  • If the index is out of bounds, return undefined.
  • Omit the second argument, n, to get the first element of the array.

Sample Solution:

JavaScript Code:

// Define a function 'nthElement' that takes an array 'arr' and an optional parameter 'n' (defaulted to 0)
const nthElement = (arr, n = 0) => 
  // If 'n' is positive, return a new array containing the element at index 'n'
  // If 'n' is negative, return a new array containing the element at index 'n' from the end of the array
  // If 'n' is zero or not provided, return the first element of the array
  (n > 0 ? arr.slice(n, n + 1) : arr.slice(n))[0];
// Log the element at index 1 of the array ['a', 'b', 'c']
console.log(nthElement(['a', 'b', 'c'], 1)); // 'b'
// Log the element at index -3 of the array ['a', 'b', 'b']
console.log(nthElement(['a', 'b', 'b'], -3)); // 'a'

Output:

b
a

Visual Presentation:

JavaScript Fundamental: Get the nth element of a given array.
JavaScript Fundamental: Get the nth element of a given array.

Flowchart:

flowchart: Get the nth element of an given array

Live Demo:

See the Pen javascript-basic-exercise-173-1 by w3resource (@w3resource) on CodePen.


For more Practice: Solve these Related Problems:

  • Write a JavaScript program that returns the element at the nth index of an array, handling negative indices as counting from the end.
  • Write a JavaScript function that uses array destructuring to extract the nth element from an array.
  • Write a JavaScript program that validates the index and returns the nth element, or a default value if out-of-bounds.
  • Write a JavaScript function that accepts an array and a number n, then returns the element at index n using slice.

Go to:


PREV : Function with Transformed Arguments.
NEXT : Convert NodeList to Array.

Improve this sample solution and post your code through Disqus

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Follow us on Facebook and Twitter for latest update.