How to convert a number into array in JavaScript ?

26 Jul, 2021
We have given a number and the task is to convert the given number into an array using JavaScript.
Examples:
Input: 235283
Output: [2, 3, 5, 2, 8, 3]

Input: 8998123
Output: [8, 9, 9, 8, 1, 2, 3]

Input: 1234567
Output: [1, 2, 3, 4, 5, 6, 7]
In this article, we will use two different methods to convert the given number into an array.
Method 1: Using Array.from() Method: The JavaScript Array from() method returns an Array object from any object with a length property or an iterable object.
Syntax :
Array.from(object, mapFunction, thisValue)
Approach:
Store a number in a variable.Use Array.from() method and in its first parameter enter the string type cast value.In the second parameter, we use a function i.e. myFunc, at every iteration the function will be called.The myFunc function will take a parameter that was returned by the iteration of Array.from() method. We typecast the number into a string so the type of parameter is a string, but we will typecast it into integer and return it.The value returned by the Array.from() is our result.
Store a number in a variable.
Use Array.from() method and in its first parameter enter the string type cast value.
In the second parameter, we use a function i.e. myFunc, at every iteration the function will be called.
The myFunc function will take a parameter that was returned by the iteration of Array.from() method. We typecast the number into a string so the type of parameter is a string, but we will typecast it into integer and return it.
The value returned by the Array.from() is our result.
Example:
Javascript
var myInt = 235345;  // Getting the string as a parameter// and typecasting it into an integerlet myFunc = num => Number(num);  var intArr = Array.from(String(myInt), myFunc);  // Print the result arrayconsole.log(intArr);
Output:
[2, 3, 5, 3, 4, 5 ]
Method 2: Using map() Method: The map() method in JavaScript creates an array by calling a specific function on each element present in the parent array. It is a non-mutating method. Generally, map() method is used to iterate over an array and calling a function on every element of the array.
Syntax:
array.map(function(currentValue, index, arr), thisValue)
Approach:
Store the integer value in a variable.Typecast the integer into a string.Using the split() method to make it an array of strings.Iterate over that array using the map() method.Using the map() method returns the array of strings into an array of Integers.
Store the integer value in a variable.
Typecast the integer into a string.
Using the split() method to make it an array of strings.
Iterate over that array using the map() method.
Using the map() method returns the array of strings into an array of Integers.
Javascript
// Declare a variable and store an// integer valuevar num = 235345  // Here we typecasting the num// Splitting the num, so that// we got an array of strings// Then use map function to// convert the array of strings// into array of numbers  var myArr = String(num).split("").map((num)=>{  return Number(num)})  console.log(myArr)
Output:
[2, 3, 5, 3, 4, 5]
JavaScript is best known for web page development but it is also used in a variety of non-browser environments. You can learn JavaScript from the ground up by following this JavaScript Tutorial and JavaScript Examples.
bunnyram19
javascript-array
JavaScript
Web Technologies
Web technologies Questions
Writing code in comment?
Please use ide.geeksforgeeks.org,
generate link and share the link here.
Difference between var, let and const keywords in JavaScript
Differences between Functional Components and Class Components in React
Remove elements from a JavaScript Array
Roadmap to Learn JavaScript For Beginners
Difference Between PUT and PATCH Request
Installation of Node.js on Linux
Top 10 Projects For Beginners To Practice HTML and CSS Skills
Difference between var, let and const keywords in JavaScript
How to insert spaces/tabs in text using HTML/CSS?
How to fetch data from an API in ReactJS ?