JavaScript "alternating pattern"

Question

JavaScript "alternating pattern"

When faced with this code test question, I decided to tackle it with the following approach:

    function createPattern(){
        var result = ''

        for (var row = 0; row < 10; row++){
            for (var col = 0; col < 10; col++){
                if ((row % 3 == 0 && col % 3 == 0) || (row % 3 == 1 && col % 3 == 1) || (row % 3 == 2 && col % 3 == 2)){
                    result += '1'      
                } else {
                    result += '0'
                }
                if (col == 9){
                    result += '\n'
                }
            }           
        }
        
        console.log(result)
    }

Here is the resulting pattern:

1001001001
0100100100
0010010010
1001001001
0100100100
0010010010
1001001001
0100100100
0010010010
1001001001

While this code works, I am interested in exploring more efficient ways to achieve the same output. Any suggestions?

javascript

Answer 1

Answer №1

This alternative method achieves the same outcome:

function generatePattern(){
    var result = '';
    for (var x = 0; x < 10; x++){
        var remainder = x % 3;
        for (var y = 0; y < 10; y++){
            if (y % 3 == remainder){
                result += '1'      
            } else {
                result += '0'
            }
        }
        result += '\n'
    }
    console.log(result)
}

Answer 2

This alternative method achieves the same outcome:

function generatePattern(){
    var result = '';
    for (var x = 0; x < 10; x++){
        var remainder = x % 3;
        for (var y = 0; y < 10; y++){
            if (y % 3 == remainder){
                result += '1'      
            } else {
                result += '0'
            }
        }
        result += '\n'
    }
    console.log(result)
}

Answer 3

Answer №2

Here is a straightforward approach that comes to mind:

for (let i=0;i<10;i++){
  let str = "1010101010101010101";
  console.log(str.substring(str.length-10-i, str.length-i));
}

Answer 4

Here is a straightforward approach that comes to mind:

for (let i=0;i<10;i++){
  let str = "1010101010101010101";
  console.log(str.substring(str.length-10-i, str.length-i));
}

JavaScript "alternating pattern"

Answer №1

Answer №2

Similar questions

Issue encountered when attempting to connect an external script to a Vue single file component

The concept of inheriting directives/scopes

When attempting to access /test.html, Node.js server returns a "Cannot GET"

Implementing a Button Click Event Listener on a Separate Component in React

Display the input text line by line

Modify the initial header tag within the document to be <h1> instead of <h2>, <h3>, ... <h6>

What could be the reason for jQuery not functioning properly as needed?

Dynamically removing buttons with JQuery

JavaScript - convert the values of an array within a JSON object into separate strings

What steps should I take to solve this wheel-related issue in my Vue 3 application?

AnimationHandler does not animate the Three.js Mesh

Emphasizing the text while making edits to an item within the dhtmlx tree

Identify the key name in an array of objects and combine the corresponding values

Trigger a function in AngularJS when a div is scrolled to within a specific number of pixels from the bottom of the screen

Deciphering the significance behind the initial five lines of code in jQuery

What is the best way to retrieve data from a JSON object?

During the present module, retrieve the runtime list of all modules that are directly imported (Javascript/Typescript)

The JSON.parse function encounters issues when trying to parse due to a SyntaxError: Unexpected character found after JSON at position 2, causing it to be unable

Utilize PHP SVG images to trigger internal JavaScript code through the <img> tag

Utilizing CSS files to incorporate loading icons in a component by dynamically updating based on passed props