How to use ES6 Repeat and Template Literals In Javascript

In this approach we are using template literal along with “repeat()” function. Creating a variable and storing the value produced by reapeat function and then again letting another variable “square”, In which template literal is used. `${row}\n` is used to dynamic access of row variable and “\n” is for new line. it creates a string where the content of row appears followed by a line break. After that we are printing that variable in console.

Example: It describes how we can print a square pattern star in the console using ES6 repeat and template literals

Javascript




// Javascript program for
// printing square of stars
// in console
  
let size = 3;
const rowOfSquare = '* '.repeat(size);
  
// Using template literal
// \n is used for next line
  
const square = `${rowOfSquare}\n`.repeat(size);
  
// Printing square
console.log(square);


Output

* * * 
* * * 
* * * 



JavaScript Program to Print Square Star Pattern

In this article, we are going to discuss how we can make a square star pattern. we have to print “*” in the console in such a way that it turns or looks like a solid square. we can use loops in different manners for this pattern.

Example:

Input: 4
Output: * * * *
* * * *
* * * *
* * * *
Input: 3
Output: * * *
* * *
* * *

These are the following ways to print a square star pattern in the console:

  • Using nested for loop
  • Using for loop
  • Using String Repeat Method
  • Using Array and Join Method
  • Using ES6 Repeat and Template Literal

Similar Reads

Using nested for loop

In this approach, we are using for loop in a nesting way, if n= 4 then the star must be 4*4 which is 16 so that it can make perfect square. The outer loop will decide the row and inner loop will decide the column. For each row, the “line” variable adds one star and some spaces....

Using for loop

...

Using String Repeat Method

In this approach we are creating two separate loops, first loop will add n(size of square) stars in a “line” variable for each row and the second loop will print that “line” variable n(size of square) times....

Using Array and Join Method

...

Using ES6 Repeat and Template Literals:

In this approach we are using “repeat()” inbuilt function of JavaScript which takes single argument, which is the number of times the string should be repeated. In a custom function after using repeat() function we need to print that string into the console for that we are using for loop which iterates n(size) times and creating square pattern in console....

Contact Us