Within an object, there are numerous parent and child elements
var obj={
name: 'one',
child:{
name: 'two',
child:{
name: 'three',
child..
}
}
}
foo(obj)
Create a function that produces the output ['one', 'two', 'three', ...]
It is recommended to implement a recursive function
var finalOutput = [];
function exploreDescendants(parentNode){
if(parentNode.childElement){
finalOutput.push(parentNode.name);
exploreDescendants(parentNode.childElement);
}
}
exploreDescendants(primaryObject);
One method to achieve this is by using recursion, where a function calls itself repeatedly until a certain condition is met. It essentially functions like a loop.
let object={
name:'one',
child:{
name:'two',
child:{
name:'three'
}
}
}
function printNames(object, arr) {
if (!object) return arr;
arr.push(object.name);
return printNames(object.child, arr);
}
let results = printNames(object,[]);
Implement a while loop to go over each tier of your data structure until object.child is no longer available:
function retrieveData(object) {
var information = []
while (object) {
information.push(object.name)
object = object.child
}
return information
}
var object = {
name: 'one',
child: {
name: 'two',
child: {
name: 'three'
}
}
}
console.log(retrieveData(object)) //=> ['one', 'two', 'three']To achieve this, you can utilize a generator and curry both the object and the desired numbers.
function setObject(object) {
return function* (n) {
while (n--) {
yield object.name;
object = object.child;
}
}
}
var obj = { name: 'one', child: { name: 'two', child: { name: 'three', child: { name: 'four', child: { name: 'five' } } } } },
getNumbers = setObject(obj);
console.log([...getNumbers(4)]);.as-console-wrapper { max-height: 100% !important; top: 0; }After browsing through various answers, I found @stackoverfloweth's solution to be the most effective due to its simplicity and efficiency. However, I believe it can be further simplified while also ensuring that it includes the last level of the object:
var obj={
name:'one',
child:{
name:'two',
child:{
name:'three'
}
}
}
var res = [];
function search(obj){
res.push(obj.name);
!obj.child || search(obj.child);
}
search(obj);
console.log(res);Below is a recursive function named getAllNames():
/**
* Retrieves all `name` property values recursively
*
* @param o an object
* @param res the resulting array
* @returns {*|Array}
*/
function getAllNames(o, res) {
var names = res || [];
for (var k in o) {
if (k === 'name') {
names.push(o[k]); // storing value of `name`
} else if(k === 'child' && typeof o[k] === 'object') {
getAllNames(o[k], names); // handling nested `child` object
}
}
return names;
}
var obj = {
name:'one',
child:{
name:'two',
child:{
name:'three',
child: {
name: 'four',
child: {
name: 'five'
}
}
}
}
};
console.log(getAllNames(obj, []));Here is a sample code snippet to achieve the desired functionality:
function recursiveFunction(arr, obj){
if(obj){
if(obj.name){
arr.push(obj.name);
}
if(obj.child){
return recursiveFunction(arr, obj.child);
}
}
return arr;
}
function nonRecursiveFunction(arr, obj){
while(obj){
if(obj.name){
arr.push(obj.name);
}
obj = obj.child;
}
return arr;
}
function mainFunction(obj){
var array = [];
// Using the recursive version
return recursiveFunction(array, obj);
// Alternatively, use the non-recursive version
// return nonRecursiveFunction(array, obj);
}
mainFunction(obj);
Several solutions involve checking for the absence of a child element when passing it as an argument in order to stop the recursion. This results in an additional function call that could potentially be eliminated.
function execute (object, array = []) {
array.push(object.name);
return object.child ? execute(object.child, array) : array;
}
Here is a code snippet that will generate an array like the following:
["one", "two", "three"]
var obj = {
name: 'one',
child: {
name: 'two',
child: {
name: 'three'
}
}
}
var str = parser(obj);
var arr = str.substring(0, str.length - 1).split(";");
console.log(arr); // Output ["one", "two", "three"]
function parser(obj) {
var text = obj.name + ";";
if (obj.child) text += parser(obj.child);
return text;
}Give this a shot
let myString = generateString(myObj);
let myArray = myString.slice(0, myString.length - 1).split(",");
console.log(myArray);
function generateString(myObj) {
let total = myObj.title + ",";
if (myObj.sub !== null) total += generateString(myObj.sub);
return total;
}
How to use jQuery to insert a blank option after an existing option? I attempted to add a blank option, but it ended up at the top of the dropdown. I actually need one existing option followed by one blank option. For example: <option></option& ...
I currently have 3 div elements displayed on a webpage: header-div fixed_menu_div page_cont Each of these divs are styled with the following CSS properties: #header-div { top:0; left:0; display:inline; float:left; } #page_cont { mar ...
I am currently working on an e-commerce website with a shopping cart feature. The cart displays the number of items added to it, which increases by one when 'Add to Cart' is clicked and decreases by one when 'Remove' is clicked. However ...
My task involves managing a list of objects where the user can choose an object to edit using a child component. However, when the user returns to the list component, the child component needs to clean up in the ngOnDestroy method, which includes making a ...
I am brand new to node.js, so please be patient with me as I learn. Currently, I am using the express framework and attempting to create a basic application that displays content as HTML. Below is the essentials of my app.js: var express = require(' ...
Greetings! I have successfully created a client-side SPA using vanilla-router. However, my Node.js server sometimes encounters an error when attempting to load a linked script. Uncaught SyntaxError: Unexpected token '<' This error only oc ...
What's the best way to integrate Holder.js into my Rails application? I'm running into issues where Rails is interpreting the parameters passed to the script as routes and returning 404 errors. Has anyone successfully implemented this before? ...
I am currently delving into the world of Node.js and have been attempting to launch a sample application that I recently acquired from a git repository: https://github.com/madhums/node-express-mongoose-demo Despite diligently following all the provided i ...
My ajax function retrieves data from a servlet and displays it in the page successfully. However, each time a new ajax call is made, the form appends the new data to the existing results instead of replacing them. I need to reset the current values stored ...
Exploring the realm of Javascript and JSON, I find myself faced with a challenge - accessing values in an unnamed JSON array. Unfortunately, as this is not my JSON file, renaming the array is out of the question. Here's a snippet of the JSON Code: [ ...
I am working with the code snippet below and I am looking to implement a conditional rendering to exclude index 0 from being displayed. How can I achieve this? return ( <section> {pokemonCards.map((pokemon, index) => ...
My task is to write an HTML string to an element and then retrieve the resulting outer HTML from that element. This needs to be operational in IE10, latest versions of FF, Chrome, Safari, Android, iOS Safari but does not have to support any older browsers. ...
I am currently facing an issue with a search bar that I implemented to filter through a table. However, for some reason, the filtering function does not seem to work on the tbody section of the table. The content in the tbody is generated dynamically usi ...
paste your code hereI'm currently working on implementing edit and delete buttons within the same column for each row using Angular ag-Grid. To visually represent these buttons, I am utilizing icons. While I have successfully displayed the edit and de ...
I have written a JavaScript code to fetch JSON information. I plan on storing this JSON file locally (I downloaded an example file and added a birthdate object for my usage example from https://jsonplaceholder.typicode.com/users) My goal is to parse the r ...
I'm currently working with react-router-dom and material UI modal, and I am looking for a way to automatically hide the modal whenever the user navigates to another page. Here is my App component: const App = () => ( <BrowserRouter> &l ...
Most of us are familiar with Gmail chat, where you can pop out the chat window into a new window with its content, and then pop it back in to its original position. However, I encountered an issue while working on replicating this functionality. While I w ...
I'm working on a JavaScript variable called 'signature' var signature; //(Data is here) document.write(signature) Within my HTML document, I have the following: <div id="siggen"> <textarea id="content" cols="80" rows="10">& ...
I am facing an issue with setting a default value for a TextField in my code. Even though I am trying to populate it with data from a GetMapping call, the value is not being set as expected. Here is the JSON response I receive from the API call: { "id": 1 ...
While testing a page with Selenium WebDriver, I encountered an issue related to the Sencha JavaScript library being used on the underlying page. The problem arises when I input a value into a field and an AJAX call is made to validate that field. If the va ...