Looking to expand my knowledge in javascript with an interesting challenge.
Is there a way to retrieve the value of an object using another object's value as the key?
For example:
Obj1 = {"name":"John", "age":30, "car":null};
Obj2 = {"John":{"country":"america", "job":"Engineer"}}
How can we achieve something like Obj2.{Obj1.name}.country (result: america)
To access the country property of the object within Obj2 based on the name in Obj1, you can use bracket notation like this:
Obj1 = {"name":"John", "age":30, "car":null};
Obj2 = {"John":{"country":"america", "job":"Engineer"}}
Obj2[Obj1.name].country;
// or
Obj2[Obj1["name"]]["country"]
Through the square bracket syntax, you are able to retrieve object properties.
The expression object.property is essentially the same as object["property"].
In the case of your example, you can achieve it by using
console.log(Obj2[Obj1.name]);
Give this a shot:
Obj2[Obj1['name']]['country']
I am currently working on integrating Backend (Express JS) and Frontend (React JS). One of the challenges I am facing is understanding how to manage sessions effectively. When a user logs in using a form built with React JS, the backend responds with a HS ...
When the form is submitted, I would like to add a class and display a loading animation before executing the AJAX request. However, when setting async to false in the AJAX call, the AJAX request will be executed first before displaying the loading animatio ...
I am developing a web app using Pyramid that involves fetching data from the user, retrieving information from the backend based on the input values, and then displaying the results in a table format. The process includes the following steps: User enters ...
I'm currently diving into Selenium WebDriver and teaching myself how to use it with JavaScript. My current challenge is trying to launch the Firefox browser. Here are the specs of my machine: Operating System: Windows 7 64-bit Processor: i5 Process ...
I have a form in HTML that includes a submit button for posting status on a page. When a user clicks the submit button without entering anything into the form field, I want PHP to display a simple error message on the same page saying "This status update s ...
I'm starting out with three.js as a beginner. I've run into some issues with MeshFaceMaterial. If anyone has any advice or solutions, I would greatly appreciate it. Thank you in advance! ...
How can I disable a button on click for a few seconds, show an image during that time, and then hide the image and display the button again? HTML: <input type="submit" value="Submit" onclick="validate();" name="myButton" id="myButton"> <img st ...
Currently, I am tasked with converting values of type Distribution.PackageDescription.FlagName to a JSON object using the Text.JSON from the json package. My current approach looks like this: instance JSON FlagName where showJSON (FlagName n) = ma ...
After closing the modal, I noticed that a div element was left behind causing the screen to become unresponsive. <div class="modal-backdrop fade show"></div> I found that removing this element using the console command below fixed the issue: ...
I'm currently working on a project where I am dynamically creating a list of checkboxes using jQuery's $.ajax method. function load() { $.ajax({ type: "POST", url: "*************", data: "************ ...
Currently, I am in the midst of a Salesforce project and I am contemplating utilizing Angular JS for its remarkable capabilities. One issue I have encountered is that Salesforce prefixes form attributes like name and id with dynamic IDs. For example, if th ...
I am looking for a regular expression that can extract the interest rate. I need it to accept values such as: Examples: 0 0.4 0.44 4 44 4.00 44.00 4.2 4.22 44.22 Minimum value allowed is 0 and maximum is 99.99 The regular expression should be ab ...
<script lang="ts"> import { createComponent } from "@vue/composition-api"; import { SplashPage } from "../../lib/vue-viewmodels"; export default createComponent({ async setup(props, context) { await SplashPage.init(2000, context.root.$router, ...
Whenever I send a delete request to my node.js server, it can only delete one item from my JSON file until the server restarts. If I attempt to make a second delete request, it successfully deletes the item but also reverts the deletion of the last item. ...
Here is the structure of my CSS and HTML: #TopBar{ display: flex; justify-content: space-between; z-index: 1; position: fixed; top: 0px; left: 0px; background-color: rgb(25,25,25); height:115px; width: 2000px; } #Logo{ top: 0px; height: 110px ...
I'm currently studying Javascript and Dynamic HTML as part of a course, and while I'm not encountering any errors or warnings in Firefox and Chrome, I believe there might be some issues with my code. If anyone would be willing to take a look and ...
Below is a JSON output I have received : [ { positionCode: "POS1", positionName: "POSITION 1", positionDescription: "", parentPosition: "POS2", }, { positionCode: "POS2", positionName: "POSITION ...
Is it possible to use the onclick event in an iframe tag to call a JavaScript function? I have integrated a Facebook like button on my website using an iframe code. When a user clicks on the like button, I would like them to be redirected to a 'thank ...
An employee is only allowed to request up to 3 permits per month. If they need a fourth permit, they will have to wait until the following month. Here is my table structure for permissions: Permissions id (integer), format (text), date_r ...
Hello, I am currently working on parsing data onto a listview, and I have successfully fetched the data and displayed it on the tableView. However, the issue I am facing is that it is taking a considerable amount of time to display the data on the table ...