Problem getting a key value inside an object

Question

I have a problem with this piece of code:

var Etudiants = {
"N13213316" : {
    "name" : "Touati Mohammed",
    "birthDate" : "05 June 2001",
    "age" : (Math.round((new Date().getTime() - new Date(this.Etudiants.N13213316[birthDate]).getTime()) / 1000 / 60 / 60 / 24 / 365.25)),
    "isStudent" : true,
    "departement" : {
            "2021" : "USMBA ENCG Fes",
            "2021" : "USMBA FLDM Fes"
    }
}
}

when i save it i get the following error code :

Uncaught ReferenceError: birthDate is not defined

So basically i'm training to get the value "05 June 2001" to pass it as an argument to the Date function, but i can't do so, however i can access the value from the browser console, where i did make the mistake exactly and thanks in advance.

Does this answer your question? [How does the "this" keyword in Javascript act within an object literal?](https://stackoverflow.com/questions/13441307/how-does-the-this-keyword-in-javascript-act-within-an-object-literal) — roperzh, Apr 04 '21 at 14:55

score 1 · Answer 1 · answered Apr 04 '21 at 15:05

1

There are three ways of how you can access object properties in JavaScript:

With a dot:

object.property
With square brackets:

object['property']
With destructing:

const { property } = object

So, basically, you mixed up two of these ways to access object property.

P.S. Do not access the field within the object literal as @roperzh mentioned.

answered Apr 04 '21 at 15:05

OLezhko

150
3

No one of the methods you mentioned has worked, i tried them but always the same error – Mohammed Touati Apr 04 '21 at 15:16

IAmDranged · Accepted Answer · 2021-04-04T16:17:55.723

The birthDate bit in the following expression:

this.Etudiants.N13213316[birthDate]

refers to the birthDate variable - which is not to be confused with the "birthDate" string. This variable is actually not defined here - hence your error message.

You should either change your code to refer to a string:

this.Etudiants.N13213316["birthDate"]

or leave your code as is, but declare the birthDate variable beforehand as pointing to the "birthDate" string:

var birthDate = "birthDate"

Note that you may run into other issues here though:

If your code runs in strict mode, this will be undefined here - in which case this.Etudiants will trigger a TypeError.
Even if your code runs in non-strict mode, at the time the this.Etudiants expression is evaluated here, it actually is undefined - the assignment to the Etudiants variable has not happened yet -, so this.Etudiants.N13213316 will cause a TypeError.

Edit: to solve the later point, you would need to defer executing the this.Etudiants.N13213316 expression until after the initial assignment to the Etudiants variable has actually happened. One simple solution would be as follows:

var Etudiants = {
"N13213316" : {
    "name" : "Touati Mohammed",
    "birthDate" : "05 June 2001",
    "isStudent" : true,
    "departement" : {
            "2021" : "USMBA ENCG Fes",
            "2021" : "USMBA FLDM Fes"
    }
}
}
Etudiants.N13213316.age = (Math.round((new Date().getTime() - new Date(Etudiants.N13213316["birthDate"]).getTime()) / 1000 / 60 / 60 / 24 / 365.25)),

Thanks for help, and yes indeed that what happened however i did what you suggested i got the same error message again. — Mohammed Touati, Apr 04 '21 at 15:52
Please make sure to confirm which variable or expression the error is now referring to. — IAmDranged, Apr 04 '21 at 16:05
Ok, this is precisely the issue I was pointing to in the last part of my answer. I am adding a couple notes right now to point you in the right direction to solve this. — IAmDranged, Apr 04 '21 at 16:08

Problem getting a key value inside an object

2 Answers2