Calculating a bowling score by looping through a JavaScript array

Question

Calculating a bowling score by looping through a JavaScript array

Currently, I am working on developing a bowling scoring application and have encountered difficulty in calculating the strike score. In bowling, when a player scores a strike, they earn 10 points for that roll along with the points for the next two rolls. My challenge lies in iterating over the array of scores to correctly compute the total score. For instance, the array of scores I am working with is as follows:

scores = [10, 1, 5, 1, 2, 10, 5, 2, 10, 10, 8, 1, 10, 3, 2]

My goal is to loop through the array and whenever a score of 10 is encountered, add the values of the next two rolls to the total score. I have attempted to write the following code:

for (i = 0; i < scores.length; i++) {
    if(scores[i] == 10){
    result += scores[i + 2]
    }
  return result
}

Unfortunately, this code does not perform as expected. As I am very new to Javascript, any guidance on improving this code would be greatly appreciated!

P.S. I am aware that a traditional bowling game includes a tenth frame bonus, which I plan to implement in the future.

Thank you in advance for your assistance!

javascript arrays

Answer 1

Answer №1

function calculateTotal(arrayOfScores) {
    let total = 0;
    for (i = 0; i < arrayOfScores.length; i++) {
        if (arrayOfScores[i] == 10) {
            total += arrayOfScores[i + 2] + arrayOfScores[i + 1];
        }
        total += arrayOfScores[i];
    }
    return total;
}


calculateTotal([1, 5, 10, 3, 2]);

Make sure to include additional check on your own as well.

Tip: Confirm that the next 2 values exist in the array before adding them to the total. This function will generate an error if the last value is 10.

Answer 2

function calculateTotal(arrayOfScores) {
    let total = 0;
    for (i = 0; i < arrayOfScores.length; i++) {
        if (arrayOfScores[i] == 10) {
            total += arrayOfScores[i + 2] + arrayOfScores[i + 1];
        }
        total += arrayOfScores[i];
    }
    return total;
}


calculateTotal([1, 5, 10, 3, 2]);

Make sure to include additional check on your own as well.

Tip: Confirm that the next 2 values exist in the array before adding them to the total. This function will generate an error if the last value is 10.

Answer 3

Answer №2

Make sure to keep the variable result outside of your loop

let result = 0;

for (i = 0; i < scores.length; i++) {
  if (score[i] === 10) {
    result += scores[i + 1];
    result += scores[i + 2];
  }

  result += score[i];
}

You can also take a more functional approach:

function calculateTotal(scores) {
  let result = 0;

  scores.forEach((score, index) => {
    if (score === 10) {
      result += scores[index + 1];
      result += scores[index + 2];
    }

    result += score;
  });

  return result;
}

Or utilize Array.reduce() for a different solution:

function calculateTotal(scores) {
  return scores.reduce((accumulator, currentValue, index) => {
    if (currentValue === 10) {
      return accumulator + currentValue + scores[index + 1] + scores[index + 2];
    }

    return accumulator + currentValue;
  }, 0);
}

Answer 4

Make sure to keep the variable result outside of your loop

let result = 0;

for (i = 0; i < scores.length; i++) {
  if (score[i] === 10) {
    result += scores[i + 1];
    result += scores[i + 2];
  }

  result += score[i];
}

You can also take a more functional approach:

function calculateTotal(scores) {
  let result = 0;

  scores.forEach((score, index) => {
    if (score === 10) {
      result += scores[index + 1];
      result += scores[index + 2];
    }

    result += score;
  });

  return result;
}

Or utilize Array.reduce() for a different solution:

function calculateTotal(scores) {
  return scores.reduce((accumulator, currentValue, index) => {
    if (currentValue === 10) {
      return accumulator + currentValue + scores[index + 1] + scores[index + 2];
    }

    return accumulator + currentValue;
  }, 0);
}

Answer 5

Answer №3

let totalScore = 0;

for (let index = 0; index < playerScores.length; index++) {
  if (playerScores[index] === 10) {
    totalScore += (index + 1 < playerScores.length) ? playerScores[index + 1] : 0;
    totalScore += (index + 2 < playerScores.length) ? playerScores[index + 2] : 0;
  }
  totalScore += playerScores[index];
}

Answer 6

let totalScore = 0;

for (let index = 0; index < playerScores.length; index++) {
  if (playerScores[index] === 10) {
    totalScore += (index + 1 < playerScores.length) ? playerScores[index + 1] : 0;
    totalScore += (index + 2 < playerScores.length) ? playerScores[index + 2] : 0;
  }
  totalScore += playerScores[index];
}

Calculating a bowling score by looping through a JavaScript array

Answer №1

Answer №2

Answer №3

Similar questions

HTML Date input field not respecting locale settings and defaults to mm/dd/yyyy format

Switching on and off a class in Next.js

"Is there a way to loop through elements in JavaScript similar to how you

Display issue with ThreeJS cube

The Ion-icon fails to appear when it is passed as a prop to a different component

Tips for limiting the size of image uploads to under 2 megabytes

Is there a way to prevent an iframe from being recorded in Chrome's browsing history?

Exploring the concept of recursion within the PHP language, delving into the intricacies of organizing

The background image shifts dynamically with a parallax effect as the page is scrolled

Sharing data in JavaScript functions

Retrieving the object ID of an Open Graph from a page's URL

Generate Arrays Using the Foreach Method

How can I dynamically display Material-UI's <MenuItem/> within a <DropDownMenu/> using ReactJS?

Execute a Vue.js script once all Axios calls have been resolved

Tips for maintaining table elements in place using JavaScript

Tips for fetching form data transmitted via HTTPS in Node.js?

How to Retrieve Checkbox Values from Multiple Rows Using JavaScript

react native is not updating the view even though the state has been changed

NodeJS loop issue with variable scoping in the context of express and mongoose

monitor the location of a div within a textarea