---
title: "ES6 Array Methods"
description: "New array methods in ES6: Array.from, Array.of, copyWithin, fill, find, findIndex, keys, entries, values. Practical notes."
url: "https://h3manth.com/scribe/es6-array-methods/"
canonical_url: "https://h3manth.com/scribe/es6-array-methods/"
markdown_url: "https://h3manth.com/scribe/blog/es6-array-methods.md"
publishDate: "2014-10-18T00:00:00.000Z"
author: "Hemanth HM"
category: "javascript"
tags: ["javascript","es6"]
word_count: 222
reading_time_minutes: 2
x_markdown_tokens: 467
content_signal: "ai-train=yes, search=yes, ai-input=yes"
---

# ES6 Array Methods

> New array methods in ES6: Array.from, Array.of, copyWithin, fill, find, findIndex, keys, entries, values. Practical notes.

Arrays with the help of ES6 now have uber cool methods! Let's look at them with examples.

## Array Static Methods

### Array.from()

Converts arrayLike and iterator objects to arrays.

```javascript
// ES5 way
var divs = document.querySelectorAll('div');
[].forEach.call(divs, function(node) {
  console.log(node);
});

// ES6 way
var divs = document.querySelectorAll('div');
Array.from(divs).forEach(function(node) {
  console.log(node);
});

// Also works with objects
Array.from({ 0: 'X', 1: 'Y', length: 2 })
// ['X', 'Y']
```

### Array.of()

Creates a new Array instance with a variable number of arguments.

```javascript
Array.of(0, true, undefined, null);
// [ 0, true, undefined, null ]

## Array.prototype Methods

### copyWithin()
javascript
[1, 3, 5, 7, 9].copyWithin(0, 3);
// [ 7, 9, 5, 7, 9 ]

[1, 3, 5, 7, 9].copyWithin(0, -2, -1);
// [ 7, 3, 5, 7, 9 ]

### fill()
javascript
[1,1,2,3,5,8].fill(4)
// [ 4, 4, 4, 4, 4, 4 ]

[1,1,2,3,5,8].fill(4, 1, 3)
// [ 1, 4, 4, 3, 5, 8 ]

### find() and findIndex()
javascript
const isEven = (element) => element % 2 === 0;

[1,2,3,5,7].find(isEven)    // 2
[1,3,5,7,9].find(isEven)    // undefined

[0,1,3,5,7].findIndex(isEven) // 0
[1,3,5,7].findIndex(isEven)   // -1

### keys(), entries(), values()
javascript
const alphas = ['R', 'G', 'B'];

const keyIter = alphas.keys();
keyIter.next() // { value: 0, done: false }

const entrIter = alphas.entries();
entrIter.next().value // [0, 'R']

const valIter = alphas.values();
valIter.next().value // 'R'
```