String to Array

			
					String -> "Today was a very cold day"
Array -> ["Today","was","a","very","cold","day"]

			
	

			
	
			

		
	

			
					String -> "Wonderful"
Array -> [
  'W', 'o', 'n',
  'd', 'e', 'r',
  'f', 'u', 'l'
]

			
	

			
	
			

		
	

Example 1: Split Method

What is the Split method?

• The JavaScript split method splits a string into an array of substrings.
• So, this is a string split into an array of substrings from string to Array.
• The split method takes two arguments.
• They're both optional.
• They are separator and limit.
• It's upto You where and how to split.

			
					let arr = 'This is going to be Fun';
let res = arr.split(' ')
console.log(res);

			
	

			
	
			

		
	

The Above code Produce the below output.

			
					// [ 'This', 'is', 'going', 'to', 'be', 'Fun' ]

			
	

			
	
			

		
	

Example 2 : Array.from

What is the Array.from() ?

• Array.from method makes Array-like Objects (such as the NodeList) and other iterable Objects (such as an Object or String) to Array.
• The Array.from() method also lets you optionally pass in a modifier function you can use to transform the items in the Array.

			
					let arr = 'HappyDay';
let res = Array.from(arr);
console.log(res)

			
	

			
	
			

		
	

The Above code Produce the below output

			
					// [
//  'H', 'a', 'p',
//  'p', 'y', 'D',
//  'a', 'y'
// ]

			
	

			
	
			

		
	

With Modifier

• Let's we want every letter to be in uppercase.

			
					let arr = 'HappyDay';

let res = Array.from(arr, a => a.toUpperCase());
console.log(res)

			
	

			
	
			

		
	

			
					// [
//  'H', 'A', 'P',
//  'P', 'Y', 'D',
//  'A', 'Y'
// ]

			
	

			
	
			

		
	

• The Array.from() method works in all modern browsers.

Example 3: For of Loop JavaScript

What is for of Loop?

• The for of loop assigns each element, in turn, a loop variable.
• We loop through each character and push that each into a new empty Array

			
					let arr = 'Awesome';

let res = [];

for (const each of arr) {
    res.push(each);
}
console.log(res)

			
	

			
	
			

		
	

The Above code Produce the below output.

			
					// [
//  'A', 'w', 'e',
//  's', 'o', 'm',
//  'e'
// ]

			
	

			
	
			

		
	

• The each variable is scoped to the curly-braced code block.
• Define your loop variables as const to prevent accidental modification of array elements.