Using Regular Expressions to access a deeply nested object

Question

Using Regular Expressions to access a deeply nested object

Within my JS objects, there is a common grandchild property called 'products'.

For example:

ecommerce.add.products, ecommerce.remove.products, ecommerce.detail.products, ecommerce.checkout.products, ecommerce.purchase.products

I am attempting to access the products array without specifying the specific object from the list above.

One method I tried involves using regex:

var ecomProducts = ecom[('detail'|'add'|'remove'|'checkout'|'purchase')]['products'];

TypeError: ecom[(((("detail" | "add") | "remove") | "checkout") | "purchase")] is undefined

var ecomProducts = ecom[/'detail'|'add'|'remove'|'checkout'|'purchase'/]['products'];

TypeError: ecom[/'detail'|'add'|'remove'|'checkout'|'purchase'/] is undefined

Is there a way to access the nested grandchild 'products' object regardless of the parent's name?

javascript arrays regex string regex-group

Answer 1

Answer №1

To iterate through the properties of the ecom object and check for the presence of

detail', 'add', 'remove', 'checkout', 'purchase'

on the ecom object, you can use the following approach:

Here is an example:

let keys = ['detail', 'add', 'remove', 'checkout', 'purchase'];
let foundProducts = keys.reduce((output, input) => {
      if(ecom[input] && ecom[input].products && ecom[input].products.length){
      output.push(ecom[input].products);
      }  
     return output;
}, []);

An attempt was made using regex:

var ecomProducts = ecom['detail']['products'] || ecom['add']['products'] || ecom['remove']['products'] || ecom['checkout']['products'] || ecom['purchase']['products'];

Note that this is not actually using regex but a logical OR operation, resulting in always selecting ecom['checkout']['products'].

Answer 2

To iterate through the properties of the ecom object and check for the presence of

detail', 'add', 'remove', 'checkout', 'purchase'

on the ecom object, you can use the following approach:

Here is an example:

let keys = ['detail', 'add', 'remove', 'checkout', 'purchase'];
let foundProducts = keys.reduce((output, input) => {
      if(ecom[input] && ecom[input].products && ecom[input].products.length){
      output.push(ecom[input].products);
      }  
     return output;
}, []);

An attempt was made using regex:

var ecomProducts = ecom['detail']['products'] || ecom['add']['products'] || ecom['remove']['products'] || ecom['checkout']['products'] || ecom['purchase']['products'];

Note that this is not actually using regex but a logical OR operation, resulting in always selecting ecom['checkout']['products'].

Answer 3

Answer №2

Imagine having an object structured like this:

ecommerce = { 
   add: { products: ['add products'] },
   remove: { products: ['remove'] },
   detail: { products: ['prod details'] },
   checkout: { products: ['checkout'] },
   purchase: { products: ['purchase'] }
};

    for( var x in ecommerce )"products" in ecommerce[ x ] ? 
    console.log( ecommerce[ x ].products ) : 0;

You can't just pluck apples from any tree you see - you have to go to the right trees and branches where they are located...

The simplest and most versatile method would involve using a function that incorporates this expression:

for( var x in ecommerce )"products" in ecommerce[ x ] ? 
console.log( ecommerce[ x ].products ) : 0;

and it will execute without any errors.

Answer 4

Imagine having an object structured like this:

ecommerce = { 
   add: { products: ['add products'] },
   remove: { products: ['remove'] },
   detail: { products: ['prod details'] },
   checkout: { products: ['checkout'] },
   purchase: { products: ['purchase'] }
};

    for( var x in ecommerce )"products" in ecommerce[ x ] ? 
    console.log( ecommerce[ x ].products ) : 0;

You can't just pluck apples from any tree you see - you have to go to the right trees and branches where they are located...

The simplest and most versatile method would involve using a function that incorporates this expression:

for( var x in ecommerce )"products" in ecommerce[ x ] ? 
console.log( ecommerce[ x ].products ) : 0;

and it will execute without any errors.

Using Regular Expressions to access a deeply nested object

Answer №1

Answer №2

Similar questions

Transferring information in React from a child component to its parent and then to another child

A guide on implementing array properties in Vue 3

Avoid re-running the onScroll function until completion

Removing a value from a JSON object by utilizing the .map function

Using AngularJS Typeahead with restrictions on $http requests

combine the value of one key with the value of another key within an array

loop through the array of objects using ng-repeat in Angular

There seems to be an issue with the next-sitemap image location showing as undefined in the sitemap

Encountering a problem with PDF view in Next.js while using html2canvas and jsp

Unable to associate Slider values with TextFields in MaterialUI

"Successful implementation of Ajax function in local environment but encountering issues when running online

Display arrays vertically within each column using PHP

Exploring Angular scope variables using Jasmine while making an ajax request

Share a URL and display small previews from it - php

Obtain the values from controls within the <td> element

Listening for time events with JQuery and controlling start/stop operations

Maintain authentication state in React using express-session

Angular 2 eliminates the need for nesting subscriptions

React, facing the challenge of preserving stored data in localStorage while accounting for the impact of useEffect upon

Tips for building forms with VUE?