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:
Table of Content
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.
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.
// 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.
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.
// 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.