0
175
ViewsUnable to access key value pairs in js object
Unable to access key value pairs in js object. I'm trying to access current day from dayName but I'm unable to do so. It is showing undefined when I'm trying to access the dayName via dayNum key.
JS
app.get("/", (req, res) => {
let dayName = {
"1" : "Monday",
"2" : "Tuesday",
"3" : "Wednesday",
"4" : "Thursday",
"5" : "Friday",
"6" : "Saturday",
"0" : "Sunday"
}
let today = new Date();
let dayNum = today.getDay().toString();
console.log(dayName.dayNum);
res.render("list", {
day : dayName.dayNum
});
});
EJS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>To Do List</title>
</head>
<body>
<h1>Today is <%= day %></h1>
</body>
</html>
OUTPUT:
·
Juan Pablo Isaza
2 answers
Answer question0
You should use the square bracket notation. With the dot notation dayName.dayNum we are looking for the value with key "dayNum" inside the object and since it does not have any such key, it returns undefined. If we use the bracket notation, dayNum will be evaluated to the correct key before object access. See Dot Notation vs. Bracket Notation
res.render("list", {
day : dayName[dayNum]
});
Also I would recommend using an array instead of object for dayName
const dayName = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
·
Juan Pablo Isaza
Report
0
app.get("/", (req, res) => {
let dayName = {
"1" : "Monday",
"2" : "Tuesday",
"3" : "Wednesday",
"4" : "Thursday",
"5" : "Friday",
"6" : "Saturday",
"0" : "Sunday"
}
let today = new Date();
let dayNum = today.getDay().toString();
console.log(dayName.dayNum);
res.render("list", {
day : dayName.dayNum
});
});
·
Juan Pablo Isaza
Report
Answer question