ES6 Array Methods

ES6 introduces two new static functions on an Array: Array.from() and Array.of(). Array.from() takes something that is arrayish and converts it to an array. Especially useful when working with DOM elements.

See the Pen thecodelog.com - ES6 Array Methods 1 by Deano (@deangilewicz) on CodePen.

Array.from() can take a mapping function as a 2nd param.

See the Pen thecodelog.com - ES6 Array Methods 2 by Deano (@deangilewicz) on CodePen.

Array.of() creates an array from every single argument that it provided.

See the Pen thecodelog.com - ES6 Array Methods 3 by Deano (@deangilewicz) on CodePen.

There has also been several methods added to the Array prototype. Array.prototype.find() is used to find something inside an array. Similar to Array.prototype.some() but once the callback returns a true/truthy value, the actual array value is returned.

See the Pen thecodelog.com - ES6 Array Methods 4 by Deano (@deangilewicz) on CodePen.

Array.prototype.findIndex() finds the index of something inside an array. Similar to using indexOf() but there’s no control over its matching logic as it always uses strict equality.

See the Pen thecodelog.com - ES6 Array Methods 5 by Deano (@deangilewicz) on CodePen.

Array.prototype.some() is used to see if some of the items meet what your looking for.

See the Pen thecodelog.com - ES6 Array Methods 6 by Deano (@deangilewicz) on CodePen.

Array.prototype.every() is used to see if all of the items meet what your looking for.

See the Pen thecodelog.com - ES6 Array Methods 7 by Deano (@deangilewicz) on CodePen.

Array.prototype.fill() fills all the elements of an array from a start index to an end index with a static value. The end index is not included.

See the Pen thecodelog.com - ES6 Array Methods 8 by Deano (@deangilewicz) on CodePen.

Array.prototype.entries() returns a new Array Iterator object that contains the key/value pairs for each index in the array.

See the Pen thecodelog.com - ES6 Array Methods 9 by Deano (@deangilewicz) on CodePen.

Array.prototype.keys() returns a new Array Iterator object that contains the keys for each index in the array.

See the Pen thecodelog.com - ES6 Array Methods 10 by Deano (@deangilewicz) on CodePen.

Array.prototype.values() returns a new Array Iterator object that contains the values for each index in the array.

See the Pen thecodelog.com - ES6 Array Methods 11 by Deano (@deangilewicz) on CodePen.

Array.prototype.copyWithin() copies a portion of an array to another location in the same array, overwriting whatever was there before. It does not extend the array’s length, as copying simply stops when the end of the array is reached.

See the Pen thecodelog.com - ES6 Array Methods 12 by Deano (@deangilewicz) on CodePen.