{ "componentChunkName": "component---src-templates-blog-post-js", "path": "/printing-a-pyramid-pattern-in-javascript/", "result": {"data":{"markdownRemark":{"html":"

Problem Statement

\n

Write a function that accepts a positive number n and console logs a pyramid shape using the # character. The number of levels in the pyramid should be equal to the number n.

\n

Also, ensure that the pyramid has spaces on the left and right hand sides.

\n

Examples:

\n
pyramid(2)\n\n// ' # '\n// '###'\n\npyramid(3)\n\n// '  #  '\n// ' ### '\n// '#####'
\n

This problem is an extension of the staircase problem, which you can read about in my blog post here.

\n

Solution

\n

The following solution uses nested for loops.

\n
const pyramid = n => {\n  const midpoint = Math.floor((2 * n - 1) / 2)\n\n  for (let row = 0; row < n; row++) {\n    let level = ""\n\n    for (let column = 0; column < 2 * n - 1; column++) {\n      if (midpoint - row <= column && midpoint + row >= column) {\n        level += "#"\n      } else {\n        level += " "\n      }\n    }\n\n    console.log(level)\n  }\n}\n\npyramid(3)\n//  #\n// ###\n//#####
\n

In the code snippet above, you might think, how did I find out that the no. of columns is equal to 2*n -1?

\n

This will be clear with the following diagram. When we divide the pyramid into rows and columns, it becomes easier to calculate the relationship between the rows and the columns.

\n

\n \n .grvsc-code > .grvsc-line::before {\n content: ' ';\n position: absolute;\n width: 100%;\n }\n \n .grvsc-line-diff-add::before {\n background-color: var(--grvsc-line-diff-add-background-color, rgba(0, 255, 60, 0.2));\n }\n \n .grvsc-line-diff-del::before {\n background-color: var(--grvsc-line-diff-del-background-color, rgba(255, 0, 20, 0.2));\n }\n \n .grvsc-line-number {\n padding: 0 2px;\n text-align: right;\n opacity: 0.7;\n }\n \n .synthwave-84 { background-color: #262335; }\n .synthwave-84 .mtki { font-style: italic; }\n .synthwave-84 .mtk6 { color: #36F9F6; }\n .synthwave-84 .mtk1 { color: #FFFFFF; }\n .synthwave-84 .mtk7 { color: #2EE2FA; }\n .synthwave-84 .mtk4 { color: #848BBD; }\n .synthwave-84 .mtk10 { color: #FEDE5D; }\n .synthwave-84 .mtk12 { color: #FFFFFFEE; }\n .synthwave-84 .mtk3 { color: #FF7EDB; }\n .synthwave-84 .mtk9 { color: #FE4450; }\n .synthwave-84 .mtk16 { color: #FF8B39; }\n .synthwave-84 .grvsc-line-highlighted::before {\n background-color: var(--grvsc-line-highlighted-background-color, rgba(255, 255, 255, 0.1));\n box-shadow: inset var(--grvsc-line-highlighted-border-width, 4px) 0 0 0 var(--grvsc-line-highlighted-border-color, rgba(255, 255, 255, 0.5));\n }\n","frontmatter":{"title":"Printing a Pyramid Pattern in JavaScript","date":"2021-07-18"}}},"pageContext":{"slug":"/printing-a-pyramid-pattern-in-javascript/","prev":{"fields":{"slug":"/implementing-the-queue-data-structure-in-javascript/"},"frontmatter":{"modules":null}},"next":{"fields":{"slug":"/data-structures-and-algorithms-what-is-time-complexity/"},"frontmatter":{"modules":null}}}}, "staticQueryHashes": ["3159585216"]}