What methods can I use to differentiate between elements in an array?

Question

What methods can I use to differentiate between elements in an array?

Apologies if my title isn't clear, I'm struggling to figure out the next steps here.

I've been teaching myself JavaScript.

Right now, I'm working on creating a tic-tac-toe game.

I'm using only vanilla Javascript and lodash for this project.

The board is currently stored as an array and split into 3 rows using lodash.chunk:

For example:

array = [
  [x,x,x],
  [x,o,x],
  [o,o,x],
]

I've managed to determine a winner in the same row, but now I'm stuck on how to check for diagonal or up/down wins.

I just can't seem to visualize what needs to be done next.

If anyone can guide me on how to achieve this using best practices, I would greatly appreciate it.

Thank you!

javascript arrays

Answer 1

Answer №1

If you find yourself in a technical interview, be prepared for questions that involve comparing multidimensional arrays. Learn more about multidimensional arrays here

One approach is to iterate through each element in array[0][x] and check if it matches array[1][x]

Answer 2

If you find yourself in a technical interview, be prepared for questions that involve comparing multidimensional arrays. Learn more about multidimensional arrays here

One approach is to iterate through each element in array[0][x] and check if it matches array[1][x]

Answer 3

Answer №2

here is the solution....

let array = [
      ["x","x","x"],
      ["x","o","x"],
      ["o","o","x"],
    ]

    for(let i = 0; array.length > i; i++){
      if(array[i][0].includes("x") && array[i][1].includes("x") && array[i][2].includes("x")) {
          console.log("X wins horizontally")
      }
  
    }


    let array2 = [
      ["x","x","o"],
      ["x","x","o"],
      ["o","o","x"],
    ]


    for(let i = 0; array2.length > i; i++){
      if(array2[i][0].includes("x") && array2[i+1][1].includes("x") && array2[i+2][2].includes("x")) {
          console.log("X wins diagonally")
      }
  
    }

Answer 4

here is the solution....

let array = [
      ["x","x","x"],
      ["x","o","x"],
      ["o","o","x"],
    ]

    for(let i = 0; array.length > i; i++){
      if(array[i][0].includes("x") && array[i][1].includes("x") && array[i][2].includes("x")) {
          console.log("X wins horizontally")
      }
  
    }


    let array2 = [
      ["x","x","o"],
      ["x","x","o"],
      ["o","o","x"],
    ]


    for(let i = 0; array2.length > i; i++){
      if(array2[i][0].includes("x") && array2[i+1][1].includes("x") && array2[i+2][2].includes("x")) {
          console.log("X wins diagonally")
      }
  
    }

What methods can I use to differentiate between elements in an array?

Answer №1

Answer №2

Similar questions

What is the reason behind Babel including this redundant line of code in my build?

Encountering an error with Angular-NG8001 due to an unknown element. Any suggestions on how

I'm not entirely sure why I keep getting the error message stating "Cannot read property 'innerHTML' of null"

When using `JSON.stringify`, the resulting data may vary from the original object

Tips for toggling the visibility of a revolution slider based on current time using JavaScript

npm encountered a premature closure

I am looking for a solution to transform JSON data into XML format using node.js

Uncovering the Solution: Digging into a Nested ng-repeat to Access an Array in AngularJS

the `req.body` method fetches an object with a property named `json

When working with nested contexts in React, is there a way to avoid causing a rerender of the child context when changes are made to the parent context?

An alternative to PHP's exec function in Node.js

Tips on avoiding blurring when making an autocomplete selection

I'm curious if there is a method to determine the status of a .net required field validator using JavaScript

Developing versatile form elements with Formik and the Yup library for React and Vite

Have you considered retrieving POST parameters using Ajax POST in jQuery?

What is the best way to execute two JavaScript functions within an inline onclick event?

Using the click function is not possible once the append function has been applied

Unable to access properties of an unknown item (reading 'remove')

Can you provide a tutorial on creating a unique animation using jQuery and intervals to adjust background position?

Delivering static frontend JavaScript file using ExpressJS