Is it possible to use the nested's object property value in js?

Question

Let a={
Name : "Dinesh",
Budget: 19000,
Phone :{ Price : a.Budget}

}

Is supposed to run , if it is then How?

Answer 1

Yes, it is possible to use nested object property values in JavaScript.

For example, consider the following object:

const person = { name: "John", age: 30, address: { street: "123 Main St", city: "Anytown", state: "CA" } };

To access the value of the street property, which is nested inside the address property, you can use dot notation or bracket notation. Here are some examples:

Using dot notation:

console.log(person.address.street); // output: "123 Main St"

Using bracket notation:

console.log(person['address']['street']); // output: "123 Main St"

Note that in bracket notation, you need to enclose the property name in quotes. You can also use a variable to access a nested property, like this:

const propertyName = 'street'; console.log(person.address[propertyName]); // output: "123 Main St"

In summary, you can access nested object property values in JavaScript using either dot notation or bracket notation

Answer 2

No, it's not possible to use a nested object's property value in JavaScript the way you've written it. In your example, you're trying to reference the a.Budget property value while defining the Phone property of the a object, but at that point, the a object hasn't been fully defined yet, so the Budget property doesn't exist.

Instead, you can define the Phone property separately after defining the Budget property like this:

let a = {
Name: "Dinesh",
Budget: 19000
};

a.Phone = {
Price: a.Budget
};

if you want to learn javascript. Cetpa Infotech is a good option for someone who wants to learn javascript

Answer 3

Hasnain [ACTIVE CHALLENGER]
It is a very good explanation.😎

But I think Dinesh Pal :) was referring to his example. accessing other property values inside the same object.
I thought it was a simple thing such as using the 'this' keyword, but it is not as simple as that and is actually quite tricky.
easier if it was a function or a class.

Answer 4

Bob_Li

Yes bro, you are right :-)

Answer 5

Yes. The example you gave is correct. It could be a little bit confusing if you want to access that value. But is so simple. If you want to access a.Budget, assume the property Phone as an object.Then

console.log(a.Phone.Price);
This will output - a.Budget.

Answer 6

Samuel Mindaye

I did the same thing but i got an error which was out of my knowledge :-)

Answer 7

Dinesh Pal :)
you can use a getter

let a = {
budget: 19000,
phone: {get price(){return a.budget}}
}

console.log(a.phone.price)
//change budget
a.budget = 1
//price also changes
console.log(a.phone.price)
//but you cannnot set price. it is dependent on budget
a.phone.price = 50
//price not changed
console.log(a.phone.price)

Answer 8

Dinesh Pal :)
or you can use both getter and setter, but budget and price will always be linked. Changing one will always change the other.

let a = {
budget: 19000,
phone: {get price(){
return a.budget},
set price(n){
a.budget=n}},
}

//budget and price are always linked
console.log(`a.budget: ${a.budget}`)
console.log(`a.phone.price: ${a.phone.price}`)
//change budget
a.budget = 0
console.log(`a.budget: ${a.budget}`)
//price is also changed
console.log(`a.phone.price: ${a.phone.price}`)
//change price
a.phone.price = 5
console.log(`a.phone.price: ${a.phone.price}`)
//budget is also changed
console.log(`a.budget: ${a.budget}`)