Is there a way to access the value of e without specifying which group, using only obj and e?
Can this method also be used to obtain the value of a?
Appreciate any help!
let obj:Object = {
a: 'value1',
b: 'value2',
group1: {
c: 'value3',
d: 'value4'
},
group2: {
e: 'value5',
f: 'value6'
}
};
This is my approach to solving the problem:
function getValueFromKey(key, object) {
for (var prop in object) {
if (object.hasOwnProperty(prop)) {
if (prop === key) {
return object[prop];
} else if (typeof(object[prop]) == "object") {
var value = getValueFromKey(key, object[prop]);
if (typeof(value) !== "undefined") { return value; }
}
}
}
}
getValueFromKey('a', obj);
//"value1"
getValueFromKey('e', obj);
//"value5"
A method to loop through an object's properties is by utilizing Object.keys() and Object.hasOwnProperty() to check for the existence of a property:
const property = Object.keys(myObject)
.find(key => myObject[key].hasOwnProperty('name'));
console.log(myObject[property].name);
Custom version that handles falsy values as well.
function findValue(key, obj) {
var val;
Object.keys(obj).some(function (k) {
if (key === k) {
val = obj[k];
return true;
}
if (typeof obj[k] === 'object') {
val = findValue(key, obj[k]);
return val !== undefined;
}
});
return val;
}
var newObj = { x: 'val1', y: 'val2', groupA: { z: 'val3', w: 'val4' }, groupB: { u: 'val5', v: 'val6' }, groupC: { m: '', n: 0 } };
document.write(findValue('u', newObj) + '<br>');
document.write(findValue('n', newObj) + '<br>');
document.write(findValue('m', newObj) + '<br>');Hey there, I'm currently working on a dropdown menu and struggling to figure out how to keep only one item open at a time. I've tried using an array with useState for all my dropdowns but haven't been able to find a solution yet: code co ...
Currently in the process of setting up a test server for a Web-Application, where fake data needs to be transmitted via a Websocket. The fake data is stored in a MATLAB table file (.mat), which essentially consists of a 4000*192 array. My goal is to conver ...
I need help with filling a fixed height div with long text retrieved via ajax in json format. For example, if I have a div with a height of 500px and width of 300px, with a font size of 16px. Is there a javascript recursive method that can fill the data ...
Could someone please help me troubleshoot the issue in my code snippet below? I am trying to declare a public variable and assign it to a setTimeout function. If the variable is not null, I want to clear the timeout before setting it again. However, when ...
Currently, I am undertaking a project in which nextJS was chosen as the client-side tool. However, I am interested in deploying the client as static code on another platform. Upon generating a build, a folder with all the proprietary server elements of ne ...
I have a regular bootstrap tab panel that allows me to switch between blocks In List 1's content, I included a button called Go to List 2 However, I am struggling to figure out how to make it so that clicking on this button will switch to the List 2 ...
I am facing an issue with my application where the content of an HTML element is received as a template from the server. I am attempting to assign this template, which is essentially a string, and have the variables within the template linked to the contro ...
Our current script showcases a dotted line starting from the top of the screen leading to an up arrow. The position of the arrow changes based on how far the user has scrolled down the page, allowing them to click on the arrow and scroll back to the top. W ...
Despite spending two full days delving into jQuery Bootgrid and AngularJS documentation, I am still struggling to implement angular directives on my dynamically generated grid. My setup involves AngularJS 1.6.6 and jQuery Bootgrid 1.3.1. The page itself i ...
My quest to create a Swiper in React with autoplay functionality using Swiper.js has been quite a challenge. Despite following the instructions diligently and researching extensively, I couldn't find a solution. I even tried referencing a jQuery examp ...
Using JQuery's '.serialize' and '.post', I am sending form data via ajax to a non-unicode ASP-based website. The resulting data is URL-encoded in unicode, with characters encoded in double values. Is it possible to encode the form ...
Even though I know PHP is a server-side script and JavaScript is client-side, I encountered an issue. I struggled to bypass browser security when making an AJAX request to another domain. Feeling lost, I decided to turn to PHP for help. The challenge I f ...
I am trying to figure out how to manipulate the code on my website: <div class="the-post-thumbnail"> <img src="" alt="" width="" height="" /> </div> <div class="post-body"> <p><img src="" alt="" width="" height="" ...
Recently, I've been diving into learning mongoose but came across a code that left me puzzled. I'm curious as to why we include the async keyword at the beginning of the callback function when querying a database. Isn't it already asynchron ...
I need to display the user's location details on the screen. For example: name: "Andy" surname : "Carol" City : "Istanbul" Town : "Kadıkoy" When the getuser function is called, I want to show the City and Town name. This is the implementation: U ...
I have utilized ngFor to add columns to a table. When a user clicks on a <td>, it triggers a Dialog box to open and return certain values. Using Renderer2, I change the background-color of the selected <td>. Now, based on these returned values, ...
After upgrading Meteor to version 1.3.2.4, I encountered an issue where the error message "Error : There is no route for the path: /" appeared. I made sure to update all packages to their latest versions as well. I tested the application in both "meteor" ...
I'm facing a challenge with pulling a collection from Firebase that is not linked to the user. While I've managed to query the user's collection successfully, I am struggling to retrieve the collection that does not belong to the user using ...
Whenever I try using export default in the index.js module, it gives me an error message saying: "export 'appReducers' (imported as 'appReducers') was not found in './reducers/index' (possible exports: default). However, when ...
I have created a simple app using jQuery Mobile. At some point in the app, I include the following code: <a href="test_es.html" data-role="button">Start!</a> This code snippet loads a new HTML file that contains several jQuery Mobile page ...