A guide to combining two properties from a single object within an object using JavaScript

Question

A guide to combining two properties from a single object within an object using JavaScript

let aboutMark = {
  firstName: "Mark",
  lastName: "Miller",
  height: 1.69,
  weight: 78,
  bmiCalculator: function(){
    this.markBMI = (this.weight / (this.height * this.height)) 
    return  this.markBMI
  }
};
aboutMark.bmiCalculator()
console.log(aboutMark);

I'm looking to enhance the aboutMark object by adding a new property that combines the values of firstName and lastName together. How could we achieve this?

javascript arrays typescript function object

Answer 1

Answer №1

You have the option to create a value after the object has been created.

aboutMark['fullName'] = aboutMark.firstName + " " + aboutMark.lastName;

Alternatively, you can create a dynamic function and then call it using

console.log(aboutMark.fullName())

let aboutMark = {
    firstName: "Mark",
    lastName: "Miller",
    height: 1.69,
    weight: 78,
    bmiCalculator: function(){
        this.markBMI = (this.weight / (this.height * this.height))
        return  this.markBMI
    },
    fullName: function(){
        return this.firstName + " " + this.lastName
    }
};

Another approach is to utilize a getter, with credit to @Nick Parsons

let aboutMark = {
    firstName: "Mark",
    lastName: "Miller",
    height: 1.69,
    weight: 78,
    bmiCalculator: function(){
        this.markBMI = (this.weight / (this.height * this.height))
        return  this.markBMI
    },
    get fullName(){
        return this.firstName + " " + this.lastName
    }
};

Answer 2

You have the option to create a value after the object has been created.

aboutMark['fullName'] = aboutMark.firstName + " " + aboutMark.lastName;

Alternatively, you can create a dynamic function and then call it using

console.log(aboutMark.fullName())

let aboutMark = {
    firstName: "Mark",
    lastName: "Miller",
    height: 1.69,
    weight: 78,
    bmiCalculator: function(){
        this.markBMI = (this.weight / (this.height * this.height))
        return  this.markBMI
    },
    fullName: function(){
        return this.firstName + " " + this.lastName
    }
};

Another approach is to utilize a getter, with credit to @Nick Parsons

let aboutMark = {
    firstName: "Mark",
    lastName: "Miller",
    height: 1.69,
    weight: 78,
    bmiCalculator: function(){
        this.markBMI = (this.weight / (this.height * this.height))
        return  this.markBMI
    },
    get fullName(){
        return this.firstName + " " + this.lastName
    }
};

A guide to combining two properties from a single object within an object using JavaScript

Answer №1

Similar questions

Remembering data in a lazy loaded AngularJs list

Script on Tampermonkey executed prior to page loading

JavaScript's Array.map function failing to return a value

Is it possible to create a type alias for a function with multiple signatures in TypeScript?

Troubles arising while submitting data from AngularJS to Amazon S3

Is regex the reason why the website isn't showing up properly on mobile devices?

Transformation of visuals with alteration of status

What is the best way to organize a Python array in alphabetical order?

Setting up Storybook with Tailwindcss, ReactJS and Typescript: A comprehensive guide

A guide to implementing bounds with dynamic markers in react-leaflet

Updating / modifying code in a document using a Query

Unit testing with Jest involves creating mock implementations of IF conditions within functions to ensure complete code coverage

Adding a function to the Window in React & Next.js without using the onload event

unable to access stored locations in XML file using JavaScript

Checking the validity of an input element with jQuery: How to determine if the valid or invalid pseudo-class has been applied?

Achieving a balanced css navbar size that fits the page dimensions

Optimal method for conducting Jasmine tests on JavaScript user interfaces

Decipher encoded parameters utilizing the JavaScript encodeURIComponent method

Guide on how to add the details of a specific id just once using PHP or jQuery

Tips for merging Next.js configuration settings