ES6 introduced new array functions to simplify the iteration and filtering the array of elements or objects.
Let’s discuss about new methods introduced in ES6 language
Array Of function in javascript
Till now, we can create arrays using below syntaxes
array literal syntax
// Array declaration in ES5
// Array Literal Syntax
var numbers = [1, 2, 3,4,5]
console.log(numbers);
console.log(numbers.length);
Output:
[ 1, 2, 3, 4, 5 ]
5
or Array object constructor Syntax
// Array Constructor object syntax
let words = Array("one","two");
console.log(words.length);
console.log(words);
Output:
2
[ 'one', 'two' ]
ES6 introduced new syntax for creating an array using of method
, used create an array of variable arguments items.
// Array of method
let words = Array.of("one","two");
console.log(words.length);
console.log(words);
Output:
2
[ 'one', 'two' ]
Array from function in ES6
array.from() method used to creat an array from an iterable object with applying callback function applied to it. It is used to convert set and map into array of values.
Here is syntax
Array.from(iterableobjects, function, value)
iterableobjects are array, set or Map objects Function - Normal or lambda expression that applies to each element value - value passed and used in function with this scope Let’ see an example
var numbers = [1, 2, 3,4,5]
let result = Array.from(numbers, number => number * number);
console.log(result);
Array fill function
For example, If array wants to fill with fixed or default values.
Array.fill function used to initialize the values with values
Syntax:
Array.fill(value,[index])
default value is replaced with all values in array of elements. if index is given,Only updates specific element at index position.
var numbers = [1, 2, 3,4,5]
numbers.fill(0);
console.log(numbers);
numbers.fill(0,1);
console.log(numbers);
Output:
[ 0, 0, 0, 0, 0 ]
[ 1, 0, 0, 0, 0 ]
Array foreach function
foreach function used to iterate each element and execute a function for each function.
Syntax
forEach(callbackfunction,[arguments])
callbackfunction is a javascript function that accepts three arguments
- value - Current value
- index - current index
- originalarray - array to iterate
Here is an example
var numbers = [1, 2, 3,4,5]
// normal function
function show(item) {
console.log(item)
}
numbers.forEach(show)
// function expression
const display=function(item,index) {
console.log(item+" - "+index)
}
numbers.forEach(display)
// arrow or lambda expression
const print=(item,index,numbers)=> {
console.log(item+" - "+index,numbers)
}
numbers.forEach(print)
Output:
1
2
3
4
5
1 - 0
2 - 1
3 - 2
4 - 3
5 - 4
1 - 0 [ 1, 2, 3, 4, 5 ]
2 - 1 [ 1, 2, 3, 4, 5 ]
3 - 2 [ 1, 2, 3, 4, 5 ]
4 - 3 [ 1, 2, 3, 4, 5 ]
5 - 4 [ 1, 2, 3, 4, 5 ]
Other methods
There are some other methods
- Array.prototype.values()
- Array.prototype.keys()
- Array.prototype.entries()
- Array.prototype.findIndex()
- Array.prototype.find()
- Array.prototype.copyWithin()
- Array.prototype.fill()