Clear an object's attributes

Question

Clear an object's attributes

Is there a more efficient way to handle this code?

At the start of my game, I set up a variable to hold all new game information.

var newGameInfo = {
   players: [],
   playersList: [],
   enemies: [],
   enemiesList: [],
   drops: [],
   dropsList: [],
   attacks: [],
   attacksList: [],
   LVL: null
}

Later on, I clear out this variable by using the following code.

    Object.keys(newGameInfo).forEach(key => {
        if(Array.isArray(newGameInfo[key])) {
            newGameInfo[key] = [];
        } else if(typeof newGameInfo[key] === 'number' && key !== 'LVL') {
            newGameInfo[key] = 0;
        }
    });

I would appreciate any tips or suggestions! This code seems overly verbose for such a simple task.

javascript arrays

Answer 1

Answer №1

Wrap it in a function
Who even cares about the state if you're just going to overwrite it anyway--ditch the if statements
If you're simply overwriting, why bother with splicing? Just overwrite directly.

Code

var initializeGameInfo = function () {
        return {
            players: [],
            playersList: [],
            enemies: [],
            enemiesList: [],
            drops: [],
            dropsList: [],
            attacks: [],
            attacksList: [],
            LVL: null
        }
    },
    gameInformation = initializeGameInfo();

// game logic


//reset everything
gameInformation = initializeGameInfo();

Answer 2

Wrap it in a function
Who even cares about the state if you're just going to overwrite it anyway--ditch the if statements
If you're simply overwriting, why bother with splicing? Just overwrite directly.

Code

var initializeGameInfo = function () {
        return {
            players: [],
            playersList: [],
            enemies: [],
            enemiesList: [],
            drops: [],
            dropsList: [],
            attacks: [],
            attacksList: [],
            LVL: null
        }
    },
    gameInformation = initializeGameInfo();

// game logic


//reset everything
gameInformation = initializeGameInfo();

Answer 3

Answer №2

Rather than using splice to clear the array, you can simply set its length to 0 for the same result:

newGameData.players.length = 0;

If you want to reset the entire state in one go, you can do something like this:

Object.keys(newGameData).forEach(function(key) {
    // loop through the properties of newGameData
    if (Array.isArray(newGameData[key])) {
        // if it's an array, empty it without removing the object itself
        newGameData[key].length = 0;
    } else {
        newGameData[key] = null; // set non-array properties to null
   }
});

Answer 4

Rather than using splice to clear the array, you can simply set its length to 0 for the same result:

newGameData.players.length = 0;

If you want to reset the entire state in one go, you can do something like this:

Object.keys(newGameData).forEach(function(key) {
    // loop through the properties of newGameData
    if (Array.isArray(newGameData[key])) {
        // if it's an array, empty it without removing the object itself
        newGameData[key].length = 0;
    } else {
        newGameData[key] = null; // set non-array properties to null
   }
});

Answer 5

Answer №3

The simplest way to handle this is by encapsulating the initialization logic in a function and then using the returned value when starting or resetting the game.

function initializeGame() {
  return {
    players: [],
    playersList: [],
    enemies: [],
    enemiesList: [],
    drops: [],
    dropsList: [],
    attacks: [],
    attacksList: [],
    level: null
  }
}

var gameData = initializeGame();
console.log('Game information:');
console.log(gameData);

console.log('Playing the game...');
gameData.level = 1;
gameData.players.push('Player 1');
gameData.enemies.push('Easy Enemy');

console.log('Updated game information:');
console.log(gameData);

console.log('Resetting the game');
gameData = initializeGame();

console.log('Game information after reset:');
console.log(gameData);

Answer 6

The simplest way to handle this is by encapsulating the initialization logic in a function and then using the returned value when starting or resetting the game.

function initializeGame() {
  return {
    players: [],
    playersList: [],
    enemies: [],
    enemiesList: [],
    drops: [],
    dropsList: [],
    attacks: [],
    attacksList: [],
    level: null
  }
}

var gameData = initializeGame();
console.log('Game information:');
console.log(gameData);

console.log('Playing the game...');
gameData.level = 1;
gameData.players.push('Player 1');
gameData.enemies.push('Easy Enemy');

console.log('Updated game information:');
console.log(gameData);

console.log('Resetting the game');
gameData = initializeGame();

console.log('Game information after reset:');
console.log(gameData);

Clear an object's attributes

Answer №1

Answer №2

Answer №3

Similar questions

Node.JS is flagging a TypeError with the message [ERR_INVALID_ARG_TYPE]: The argument provided for "path" must be a string

When working with arrays in a programming loop, is it better to assign the value to a variable or access it directly?

Establishing the controller to set the default order

Steps to modify the border width upon gaining focus

Tips for implementing cacheable JSON in HTML

"Enhance your Highcharts experience with dynamic visualization and maximize the number of

How to retrieve a particular value from a multidimensional array

arrange object array in descending order based on an object's numerical value within it (using Angular-Typescript)

Accessing index.html via file:// from Vue-cli template

What is the best way to update a Bootstrap Toggle with a dynamic value?

Is it possible to eliminate the default placeholder text from Safari browser?

A guide to embedding arrays within arrays in Objective-C

Ways to utilize a string as an object?

Interpreting an undefined HTTP GET request within a Node.js server

Transmit information to Flask server using an AJAX POST call

When the form is submitted, any blank inputs and their corresponding hidden fields will be disabled

A type guard for generics in TypeScript

How to simultaneously define multiple variables in MATLAB

Is there a way to implement two distinct JavaScript functions - one for desktop and another for mobile - within the same onclick event attribute in an HTML document?

Transferring Data from Angular Application to Spring Server via Rest Implementation