JavaScript Tutorial => Destructuring an array

Example

An array can be destructured when being assigned to a new variable.

const triangle = [3, 4, 5];
const [length, height, hypotenuse] = triangle;

length === 3;     // → true
height === 4;     // → true
hypotneuse === 5; // → true

Elements can be skipped

const [,b,,c] = [1, 2, 3, 4];

console.log(b, c); // → 2, 4

Rest operator can be used too

const [b,c, ...xs] = [2, 3, 4, 5];
console.log(b, c, xs); // → 2, 3, [4, 5]

An array can also be destructured if it's an argument to a function.

function area([length, height]) {
  return (length * height) / 2;
}

const triangle = [3, 4, 5];

area(triangle); // → 6

Notice the third argument is not named in the function because it's not needed.

Learn more about destructuring syntax.

PDF - Download JavaScript for free

Previous Next

JavaScript

Fastest Entity Framework Extensions

Example

Got any JavaScript Question?

JavaScript

JavaScript Arrays Destructuring an array

Fastest Entity Framework Extensions

Example

Got any JavaScript Question?