Ways to retrieve an object initialized within a function

Question

Ways to retrieve an object initialized within a function

I'm sorry if my title is a bit confusing. I'm currently working on creating an object that contains key-value pairs of other objects. Below is the code snippet I'm testing in the Chrome console.

When I try to create the object using the CharactersFn() function directly with

Characters = CharactersFn("male");

or

var Characters = CharactersFn("male");

, it works fine. However, when I attempt to do it through my whatAreYou() function, I don't get the desired results. Can anyone assist me with the correct approach to achieve this?

Disclaimer: I'm still in the learning phase and trying my best to understand the right way to accomplish tasks.

var Characters,
    valueArr = [],      
    nameArr = [],           
    matchArr = [];

var CharactersFn = function (ans) {     //Are you male or female?   
    "use strict";
    if (ans === "male") {
        Characters = {
            47: aloy,
            snake: snake,
            drake: drake,
            cloud: cloud
        };
    }

    if (ans === "female") {
        Characters = {
            aloy: aloy,
            bayonetta: bayonetta,
            elizabeth: elizabeth,
            ellie: ellie
        };
    }
    return Characters;
};

function whatAreYou() {
    "use strict";
    var gender = prompt("0 or 1");

    if (gender === 0) {
        Characters = CharactersFn("female");
    }
    if (gender === 1) {
        Characters = CharactersFn("male");
    }
        return Characters;
}

javascript function object return

Answer 1

Answer №1

var gender = prompt("Choose 0 or 1");
if (gender === 0) {
if (gender === 1) {

The prompt function will always return a string, not a number. Therefore, your if statements will never match the input.

Make sure to compare the input to "0" and "1" as strings, not 0 and 1 as numbers.

Answer 2

var gender = prompt("Choose 0 or 1");
if (gender === 0) {
if (gender === 1) {

The prompt function will always return a string, not a number. Therefore, your if statements will never match the input.

Make sure to compare the input to "0" and "1" as strings, not 0 and 1 as numbers.

Answer 3

Answer №2

When you invoke CharactersFn, you are setting the global Characters object to the returned object. Additionally, you are returning the global Characters object from CharactersFn. In the whatAreYou function, you are assigning the global Characters object to the result of CharactersFn, which in turn returns the global Characters object. There were instances where you were referencing undefined variables in object creation, so I have replaced them with string values. Also, you were using strict equality comparison (===) between string and integer values. It would work with loose equality (==), but for strict equality, the values must be identical.

Below is an updated version where the global Characters object is set to the return value of CharactersFn, which now returns the objects themselves.

var Characters = {},
    valueArr = [],      
    nameArr = [],           
    matchArr = [];

var CharactersFn = function(ans) {   
    if (ans === "male") {
        return  {
            47: "aloy",
            snake: "snake",
            drake: "drake",
            cloud: "cloud"
        };
    }

    if (ans === "female") {
        return {
            aloy: "aloy",
            bayonetta: "bayonetta",
            elizabeth: "elizabeth",
            ellie: "ellie"
        };
    }
    return Characters;
};

function whatAreYou() {
    var gender = prompt("0 or 1");

    if (gender === "0") {
        Characters = CharactersFn("female");
    }
    if (gender === "1") {
        Characters = CharactersFn("male");
    }
        return Characters;
}

console.log(Characters);
whatAreYou();
console.log(Characters);

Answer 4

When you invoke CharactersFn, you are setting the global Characters object to the returned object. Additionally, you are returning the global Characters object from CharactersFn. In the whatAreYou function, you are assigning the global Characters object to the result of CharactersFn, which in turn returns the global Characters object. There were instances where you were referencing undefined variables in object creation, so I have replaced them with string values. Also, you were using strict equality comparison (===) between string and integer values. It would work with loose equality (==), but for strict equality, the values must be identical.

Below is an updated version where the global Characters object is set to the return value of CharactersFn, which now returns the objects themselves.

var Characters = {},
    valueArr = [],      
    nameArr = [],           
    matchArr = [];

var CharactersFn = function(ans) {   
    if (ans === "male") {
        return  {
            47: "aloy",
            snake: "snake",
            drake: "drake",
            cloud: "cloud"
        };
    }

    if (ans === "female") {
        return {
            aloy: "aloy",
            bayonetta: "bayonetta",
            elizabeth: "elizabeth",
            ellie: "ellie"
        };
    }
    return Characters;
};

function whatAreYou() {
    var gender = prompt("0 or 1");

    if (gender === "0") {
        Characters = CharactersFn("female");
    }
    if (gender === "1") {
        Characters = CharactersFn("male");
    }
        return Characters;
}

console.log(Characters);
whatAreYou();
console.log(Characters);

Ways to retrieve an object initialized within a function

Answer №1

Answer №2

Similar questions

When running the `npm run dev` command, Tailwind does not seem to function

Converting a text file to JSON format using Adobe Acrobat: A tutorial on proper referencing

Trouble arises with the chrome extension code for retrieving tweets from Twitter

JavaScript: Collecting data into an array of objects

The input value in the HTML form was altered momentarily before reverting back to its original state

React hooks causing the for loop to only work on the second iteration

Angular setPristine function is not functioning properly

Is there a way to find the TextArea element on Facebook's home page using a Selenium locator? Could it possibly be using jQuery

Issues with CORS on PUT and POST requests in AngularJS and Node.js are preventing successful communication between the two

Position an HTML canvas at the very top of the webpage

Node.js can be used to easily set the values of HTML elements

Running the npm install command will eliminate any external JS or CSS files that are being

Animating colors with jQuery and shifting SVG shapes to create dynamic and

The HTML table inexplicably displays a random comma out of nowhere

Exploring the features of NodeJS, diving into the world of mapping,

In Javascript, a function is executed only once within another function that is set on an interval

After several interactions, the CSS files fail to load

span element failed to trigger onload event

Semantic UI form validation is initiated by clicking any button

Guide to implementing hapi-auth-jwt2 authorization on a specific route within hapi.js?