Array.from() and Array.of()

index.js

// Array.from() will take something aray-ish and convert it into an array

// *** Example 1: If we have DOM like below
{
   /* <div class="people">
   <p>John</p>
   <p>Kait</p>
   <p>Snickers</p>
</div> */
}

const people = document.querySelectorAll(".people p"); // Type is Nodelist
const peopleArray = Array.from(people); // to convert nodelist into an array
const names = peopleArray.map(person => person.textContent); // ['John', 'Kait', 'Snickers']

// The above example can be done in a different way. Array.from() take a 2nd argument which
// is a map function which will allow us to modify data as we are creating the array
const people2 = document.querySelectorAll(".people p");
const peopleArray2 = Array.from(people2, person => {
   console.log(person);
   return person.textContent;
});
console.log(peopleArray2);

// *** Example 2: Converting arguments object into an array

function sumAll() {
   const nums = Array.from(arguments);
   return nums.reduce((prev, next) => prev + next, 0);
}

sumAll(2, 34, 23, 234, 234, 234234, 234234, 2342);

//////////////////////////////////////////////////////////////////////////////

// Array.of() will create an array from every single argument passed
const ages = Array.of(12, 4, 23, 62, 34);
console.log(ages);