I need assistance with updating the console log after assigning a new value to a sub object property in JavaScript. Can anyone

Question

I need assistance with updating the console log after assigning a new value to a sub object property in JavaScript. Can anyone

Lately, I've been encountering an issue with assigning values to a sub-object in JavaScript. Here is my sample code:

var user = {
        name: {
            fname: 'Apple'
        }
    };

console.log(user);
user.name.fname = 'Orange';
console.log(user);

Even though the console shows the output twice, the value of fname always displays as Orange. However, I want the output to be Apple and then Orange. How can I achieve this, or what is actually happening here? Please explain what is going on.

javascript console json

Answer 1

Answer №1

Give this a shot:

let person = {
        fullName: {
            first: 'Apple'
        }
    };

console.log(person.fullName.first);
person.fullName.first = 'Orange';
console.log(person.fullName.first);

Here's to your success!

Answer 2

Give this a shot:

let person = {
        fullName: {
            first: 'Apple'
        }
    };

console.log(person.fullName.first);
person.fullName.first = 'Orange';
console.log(person.fullName.first);

Here's to your success!

Answer 3

Answer №2

To print an object, you can utilize console.dir(object)

console.dir(person);

Avoid using console.log(user.age);

Answer 4

To print an object, you can utilize console.dir(object)

console.dir(person);

Avoid using console.log(user.age);

I need assistance with updating the console log after assigning a new value to a sub object property in JavaScript. Can anyone

Answer №1

Answer №2

Similar questions

Encountering a memory storage problem when trying to include additional images to create a word document using the docx node

What is the best way to transform an Iterator[JsValue] into a JsArray?

The issue of undefined database columns arises when attempting to transmit data from an HTML form to a MySQL database via Express

Looking for assistance with populating an ASP.net gridview by utilizing a JSON datasource in c# programming

Utilizing React JS and Recoil to manipulate select/selectFamily for a targeted attribute

Tips for creating a jQuery AJAX function in JavaScript that is triggered by an onclick event

tips for integrating JavaScript into JSX

Ways to customize weekend colors in v-calendar (distinct colors for Saturdays and Sundays)

What is the best way to prevent event propagation in d3 with TypeScript?

I aim to display a well-optimized mobile view by utilizing Bootstrap CSS

Scrolling infinitely within the side menu using ion-infinite-scroll

Issues encountered with Material UI components in a React application

Inability to assign a value to an @input within an Angular project

Storing data in a database using SQLAlchemy by converting a JSON list into database records

invoking a function from two separate pages

Issue encountered when making jQuery AJAX requests

Tips on effectively deserializing JSON elements with identical element collections in C#

Can someone please explain the distinction between $http.get() and axios.get() when used in vue.js?

An unanticipated JSON token encountered while parsing the DataTable

Is there a way to easily uncheck all MaterialUI Toggle components with the click of a button or triggering an outside