How to convert a number into array in JavaScript ?

In this article, we have been given a number and the task is to convert the given number into an array using JavaScript.

These are the following methods by using these we can solve this problem:

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.
• In this 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 an integer and return it.
• The value returned by the Array.from() is our result.

Syntax :

Array.from(object, mapFunction, thisValue)

Example: This example converts a number into an array using Array.from() method in Javascript.

Javascript

let myInt = 235345;

// Getting the string as a parameter
// and typecasting it into an integer
let myFunc = num => Number(num);

let intArr = Array.from(String(myInt), myFunc);

// Print the result array
console.log(intArr);

Output:

[2, 3, 5, 3, 4, 5 ]

Method 2: Using map() Method

• In this aproach, we will 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.

Syntax:

array.map(function(currentValue, index, arr), thisValue)

Example: This example converts a number into an array using Array.map() method in Javascript.

Javascript

// Declare a variable and store an
// integer value
let 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

let myArr = String(num).split("").map((num) => {
    return Number(num)
})

console.log(myArr)

Output:

[2, 3, 5, 3, 4, 5]

Method 3: Using reduce() function

• The reduce function is used to reduce the array into a single value and execute a provided function for each value of the array. 
• Store the integer value in a variable.
• Typecast the integer into a string.
• Using the spread operator to form an array of characters.
• Iterate over that array using the reduce() method.
• Using the reduce() method convert the array of strings into an array of Integers.

Syntax: 

array.reduce( function(total, currValue, currIndex, arr), initialValue )

Example: This example converts a number into an array using Array.reduce() method in Javascript.

Javascript

let myInt = 235345;

// number to string conversion
let temp = '' + myInt
// forming array with numbers as element
let intArr = [...temp].reduce((acc, n) => acc.concat(+n), []);

// Print the result array
console.log(intArr);

Output:

[ 2, 3, 5, 3, 4, 5 ]

Method 4: Using Lodash _.toArray() Method

• In this approach, we are using lodash library.
• by using this we can convert the given numbers into the array.

Example: This example shows the implementation of the above-explained approach.

Javascript

// Requiring the lodash library
const _ = require("lodash");

// Use of _.toArray() method
console.log(_.toArray(2345));
console.log(_.toArray(6789));

Output:

2345
6789

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.