ES6 - Array.from



This function creates a shallow copy from an array like or iterable object.

Syntax

The syntax mentioned below is for an array method from(), where,

  • arrayLike is an array-like or iterable object to convert to an array.

  • mapFn This an optional parameter. Map function to call on every element of the array.

  • thisArg this is an optional parameter. Value to use as this when executing mapFn.

Array.from(arrayLike[, mapFn[, thisArg]])

Example

<script>
   //Array.from
   //iterate over an object

   const obj_arr ={
      length:2,
      0:101,
      1:'kannan'
   }
   console.log(obj_arr)
   const arr = Array.from(obj_arr)
   console.log(arr)
   for(const element of arr){
      console.log(element);
   }
   console.log(Array.from('Javascript'))
   let setObj = new Set(['Training',10,20,20,'Training'])
   console.log(Array.from(setObj))
   console.log(Array.from([10,20,30,40],n=>n+1))
</script>

The output of the above code will be as shown below −

{0: 101, 1: "kannan", length: 2}
[101, "kannan"]
101
kannan
["J", "a", "v", "a", "s", "c", "r", "i", "p", "t"]
["Training", 10, 20]
[11, 21, 31, 41]
Advertisements