Convert ES6 Iterable to Array

javascript arrays ecmascript-6 iterable babeljs
Michael Bylstra picture Michael Bylstra · Dec 23, 2014 · Viewed 56.2k times · Source

Say you have an array-like Javascript ES6 Iterable that you know in advance will be finite in length, what's the best way to convert that to a Javascript Array?

The reason for doing so is that many js libraries such as underscore and lodash only support Arrays, so if you wish to use any of their functions on an Iterable, it must first be converted to an Array.

In python you can just use the list() function. Is there an equivalent in ES6?

Answer

XåpplI'-I0llwlg'I - picture XåpplI'-I0llwlg'I - · Apr 8, 2015

You can use Array.from or the spread operator.

Example:

let x = new Set([ 1, 2, 3, 4 ]);

let y = Array.from(x);
console.log(y); // = [ 1, 2, 3, 4 ]

let z = [ ...x ];
console.log(z); // = [ 1, 2, 3, 4 ]

Related questions

Javascript ES6/ES5 find in array and change

I have an array of objects. I want to find by some field, and then to change it: var item = {...} var items = [{id:2}, {id:2}, {id:2}]; var foundItem = items.find(x => x.id == item.id); foundItem = item; I want it …

Read More
How to generate range of numbers from 0 to n in ES2015 only?

I have always found the range function missing from JavaScript as it is available in python and others? Is there any concise way to generate range of numbers in ES2015 ? EDIT: MY question is different from the mentioned duplicate as …

Read More
Create object from array

I want to create object from list of array. I have an array which is dynamic which suppose to be look like this: var dynamicArray = ["2007", "2008", "2009", "2010"]; and with some javascript es6 I want to make an object like this: const obj = { 2007: { …

Read More