Utilize the value of one variable to determine access to another variable in Javascript

Question

Utilize the value of one variable to determine access to another variable in Javascript

I am working with several boolean variables and I want to create a new variable that keeps track of the most recently changed boolean variable. This way, every time a new boolean variable is modified, I can toggle the previous one.

If you have any ideas or suggestions on how to accomplish this task, please share them!

Here's an example of what I'm trying to achieve, albeit with incorrect code:

isDemo1=false; isDemo2=false; isDemo3=true; isDemo4=false; isDemo5=false; 

lastChangedBooleanVariable = this.isDemo3;

handleBooleanVaiables(currentChangedBooleanVariable: string)
{
// Toggle the currentChangedBooleanVariable
this.lastChangedBooleanVariable = currentChangedBooleanVariable;
// For instance, if currentChangedBooleanVariable = isDemo4
// Toggle the value of this.isDemo4
}

javascript angular typescript

Answer 1

Answer №1

If you find yourself struggling with complex code, consider revising your approach as it may not be the best solution.

One alternative is to utilize Arrays:

isExample = [true, false, true, false, true];

lastModifiedBoolean = 2;


manageBooleanValues(updatedBooleanValue: int) {
  this.lastModifiedBoolean = updatedBooleanValue;
  isExample[updatedBooleanValue - 1] = !isExample[updatedBooleanValue - 1]
}

Answer 2

If you find yourself struggling with complex code, consider revising your approach as it may not be the best solution.

One alternative is to utilize Arrays:

isExample = [true, false, true, false, true];

lastModifiedBoolean = 2;


manageBooleanValues(updatedBooleanValue: int) {
  this.lastModifiedBoolean = updatedBooleanValue;
  isExample[updatedBooleanValue - 1] = !isExample[updatedBooleanValue - 1]
}

Answer 3

Answer №2

It seems like the functionality you're aiming for can be achieved by following a similar process:

const example = 5;

Afterwards, assign any value between 1 and 5 to this variable.
Instead of using if (isExample3), consider checking with if (example == 3).
The concept of "last changed variable" is essentially just the current value stored in the example variable, which may no longer be relevant given this method.

Answer 4

It seems like the functionality you're aiming for can be achieved by following a similar process:

const example = 5;

Afterwards, assign any value between 1 and 5 to this variable.
Instead of using if (isExample3), consider checking with if (example == 3).
The concept of "last changed variable" is essentially just the current value stored in the example variable, which may no longer be relevant given this method.

Answer 5

Answer №3

ES6 introduces a feature in Arrays known as fill, which proves to be quite useful in this scenario. The concept is simple - you can set all values to false before enabling a new version.

let demos = new Array(5).fill(false);

function activateDemo(demo) {
  demos = new Array(5).fill(false);
  demos[demo] = true;
}

activateDemo(4);

let demos = new Array(5).fill(false);

function activateDemo(demo) {
  const humanIndex = demo > 0 ? demo - 1 : 0; // adjusting for human counting form, if desired.
  demos = new Array(5).fill(false);
  demos[humanIndex] = true;

}

activateDemo(4);
console.log("4", demos);
activateDemo(3);
console.log("3", demos);

Answer 6

ES6 introduces a feature in Arrays known as fill, which proves to be quite useful in this scenario. The concept is simple - you can set all values to false before enabling a new version.

let demos = new Array(5).fill(false);

function activateDemo(demo) {
  demos = new Array(5).fill(false);
  demos[demo] = true;
}

activateDemo(4);

let demos = new Array(5).fill(false);

function activateDemo(demo) {
  const humanIndex = demo > 0 ? demo - 1 : 0; // adjusting for human counting form, if desired.
  demos = new Array(5).fill(false);
  demos[humanIndex] = true;

}

activateDemo(4);
console.log("4", demos);
activateDemo(3);
console.log("3", demos);

Answer 7

Answer №4

let flags = {
"isExample1":false, "isExample2":false, "isExample3":false, "isExample4":false, "isExample5":false;
};
let currentFlag: string = "isExample3";
const extractName = (func) => (func).toString().replace(/[ |\(\)=>]/g,'');
function getVariableName(flagName:string){
    return flagName.substring(
        flagName.indexOf(".") + 1, 
        flagName.lastIndexOf(";")
    );
}
function updateFlags(targetFlag: string)
{
    console.log(flags[currentFlag]);
    flags[currentFlag] = !flags[currentFlag];
    flags[targetFlag] = !flags[targetFlag];

    currentFlag = targetFlag;
    // let's assume targetFlag = isExample4
    // toggle the value of this.isExample4 somehow
}
function displayValues(){
    console.log(flags);
}


var extractedName = getVariableName(extractName(()=>flags.isExample1));
updateFlags(extractedName);
displayValues();

extractedName = getVariableName(extractName(()=>flags.isExample4));
updateFlags(extractedName);
displayValues();

Try it out on fiddle: https://jsfiddle.net/hjv540tk/

Answer 8

let flags = {
"isExample1":false, "isExample2":false, "isExample3":false, "isExample4":false, "isExample5":false;
};
let currentFlag: string = "isExample3";
const extractName = (func) => (func).toString().replace(/[ |\(\)=>]/g,'');
function getVariableName(flagName:string){
    return flagName.substring(
        flagName.indexOf(".") + 1, 
        flagName.lastIndexOf(";")
    );
}
function updateFlags(targetFlag: string)
{
    console.log(flags[currentFlag]);
    flags[currentFlag] = !flags[currentFlag];
    flags[targetFlag] = !flags[targetFlag];

    currentFlag = targetFlag;
    // let's assume targetFlag = isExample4
    // toggle the value of this.isExample4 somehow
}
function displayValues(){
    console.log(flags);
}


var extractedName = getVariableName(extractName(()=>flags.isExample1));
updateFlags(extractedName);
displayValues();

extractedName = getVariableName(extractName(()=>flags.isExample4));
updateFlags(extractedName);
displayValues();

Try it out on fiddle: https://jsfiddle.net/hjv540tk/

Utilize the value of one variable to determine access to another variable in Javascript

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

router.query is returning an empty object when using Next.js

Tips for removing alert notifications from Pusher

Heroku Internal Server Error with NextJs version 5.0.0

Conflicting Angular components: Sorting tables and dragging/dropping table rows

What is the process for refreshing HTML elements that have been generated using information from a CSV document?

Angular Universal experiences issues with route functionality after page reloads

Adding items to an array retrieved from JSON

Transferring JSON information from Express to Backbone

Typeorm stored procedure that returns a JSON response

How to change the background color of a slider using jQuery

Tips for creating a seamless Bootstrap collapse effect

Leveraging the CSS-Element-Queries Library for emulating the functionality of CSS media queries

Property computation being initiated before property initialization

Having issues with ng-repeat not displaying any content

What could be causing my component to not update after I modify the states?

Unable to view the image in browsers other than Internet Explorer

ASP.NET failing to execute Javascript

Making modifications to the state within a modal dialogue box

In TypeScript, there is a chance that the object may be undefined, so I make use of an if

The dropdown feature stores and displays only the initial value