I'm feeling a bit disoriented with JavaScript. Here is the nested structure that's causing me trouble:
{
"value": 5,
"children": [{
"value": 18,
"children": [{
"value": 27,
"children": []
}, {
"value": 4,
"children": []
}]
}, {
"value": 2,
"children": []
}]
}
Is there a way for me to retrieve the highest value in this tree using JavaScript?
For this particular scenario, consider implementing the following solution:
let mainObject = {
"value": 5,
"children": [{
"value": 18,
"children": [{
"value": 27,
"children": []
}, {
"value": 4,
"children": []
}]
}, {
"value": 2,
"children": []
}]
};
function findMaxValue(obj) {
let result = obj.value;
for(let index in obj.children) {
result = Math.max(result, findMaxValue(obj.children[index]));
}
return result;
}
alert(findMaxValue(mainObject));
It seems that the code should resemble this structure.
let topValue = JSONData.value;
findTopValue(JSONData);
function findTopValue(data)
{
if(topValue < data.value)
{
topValue = data.value
}
for(let i=0; i<data.children.length; i++)
{
findTopValue(data.children[i]);
}
}
If your object tree structure remains consistent, there is another approach you can take.
Convert the object to a string and use regular expressions to extract all integer values following the pattern "value: {n}", then determine the maximum value.
var jsono = {
"value": 10,
"children": [{
"value": 22,
"children": [{
"value": 33,
"children": []
}, {
"value": 6,
"children": []
}]
}, {
"value": 8,
"children": []
}]
}
var maxValue;
JSON.stringify(jsono).match(/\"value\":\s*(\d+)/g).map(function(value){ return value.match(/(\d+)/g).map(function(value){ maxValue = Math.max(maxValue || 0,value);});});
alert(maxValue);
I'll provide guidance on the concept, but I won't write out the code for you. Essentially, the process is similar across different programming languages.
To access JSON data using JavaScript, you navigate through each right child node until reaching the end node.
How can JavaScript be used to retrieve information from JSON?
var tree =
{
parent : [
{
//details of child1
},
{
//details of child2
},
]
}
To access keys in a JSON structure, utilize tree.<key> (dot) or tree['key']. For example, tree.parent or tree["parent"].
When accessing elements in an array, use indices. As the 'parent' is an array, children can be accessed with tree.parent[0] or tree['parent'][0].
In terms of visual distinction between JSONs and arrays, I personally prefer the dot notation method.
Furthermore, it's necessary to differentiate between right and left children. You might establish a convention where the right child is at the [0] index in the array or include another indicator per node specifying whether it is a right or left child.
I am striving to create an input field that will capture the value of what is typed and display it. The JavaScript function is designed to retrieve the value of the input box two seconds after the user stops typing and then post it. However, the issue lies ...
Do you think it can be done? If so, how exactly? I've been looking for an example but haven't found anything yet. (I did come across a case of updating options dynamically based on another select field's data within the same form). ...
I am having an issue with my Angular application using Angular 5.0.0 and rxjs ^5.5.2. When I run the command ng serve --aot=false, everything works fine. However, when I use ng serve --aot, I encounter the following error: core.js:1350 ERROR Error: Uncaug ...
I am facing an issue with a cart setup where the quantity of all products are being updated when I increase the quantity of one product. How can I prevent this and only update the quantity of the selected product? <div v-for="(product, index) in cartPr ...
Is there a built-in function in any web-oriented language to return protocol names based on port numbers? For example, if we have the following code: protocol = get_protocol_name(22) print protocol We would expect it to print out "ssh". A more detailed ...
I'm fairly new to using protractor and selenium. I've been attempting to replicate the mouse hover action on a button and retrieve values like the position of the mouse pointer and background colors. When I use mousemove, it works perfectly in Ch ...
I am a beginner with the react framework and I'm trying to implement a PickerIOS component on button click. However, I'm having trouble understanding how to call other classes upon an event. I found this code snippet on the React Native site: v ...
In my single page application, I am using ng-switch to switch between different 'pages'. One of these pages contains a modal that is opened using the following function: var modal = document.getElementById('myModal'); vm.openModal = fu ...
I currently have a JSON object structured in the following format. Although it's hardcoded at the moment, I'm looking to dynamically generate this JSON by looping through another object. The second object should be iterated over in order to cons ...
I previously had a piece of code that effectively incremented and decremented the input value by 1 whenever the + or - buttons were clicked. I made some changes to the design recently, and now I'm struggling to target the input element. Any assistance ...
I am interested in using named templates with a custom bindingHandler in knockout, but I have encountered an issue where the viewModel passed into the custom binding does not include the context properties of $root, $parent, $component, etc., which are nec ...
Can you explain the functionality of this TypeScript syntax? export interface Config { readonly name: string readonly buildPath: (data?: Data) => string readonly group: string } export interface Data { id: number account: string group: 'a&a ...
Currently, I am working on a straightforward Android project centered around Login and Registration. One of the key steps involves sending an app key token via JSON to access the Login Service. However, each time I attempt to log in, an error is triggered ...
I am facing an issue with my function $scope.render() that relies on the value of $scope.myProperty to render a chart. Whenever myProperty changes during a digest cycle, I need to ensure that $scope.render() is called only once at the end of the digest cyc ...
I've encountered an issue while working on a code that allows users to edit and save a paragraph on the screen. Currently, the editing functionality is working fine and the save() operation is successful. However, after saving, the edited paragraph do ...
I'm interested in finding a more efficient way to retrieve properties from a reduced object within a Vue component or wrapper DOM element. Let's say I have these two data objects in my component: player: [{ active: true, id: 0, name: &q ...
Why does PhoneGap change errors after every time it is compiled? Sometimes it runs without any issues, but then the same code throws strange errors like parse error or function not found, even though no changes were made to the code. Here is the code that ...
My collection consists of three different Users' posts, and in my Views Session (HTML, CSS) Part, I am attempting to retrieve the post. However, I need to filter out the two posts posted by other users because I have a blocking functionality in my Vie ...
A straightforward scenario. When a checkbox is checked, it activates a disabled button. Unchecking the box disables the button again. Sample Code: jQuery -> $('#subscribe_button').attr('disabled','disabled') $("[name= ...
I am currently working on fetching data from a REST API using angular2, and everything seems to be going smoothly. However, I have encountered an error that only appears in the console when calling {{content.img.url}}. Interestingly, the code executes fine ...