Traverse the nested dataLayer array to retrieve pipe-separated strings

Question

Traverse the nested dataLayer array to retrieve pipe-separated strings

Our booking platform includes a nested dataLayer variable. Users have the option to select one or multiple product types, and we are trying to extract a string that contains all the product types saved in an array. However, I am encountering an error when debugging this.

The variable location from which I need to gather the information is:

dataLayer.booking.products[i].travelType

try{
  var productList = {};
  for(i=0;i<dataLayer.booking.products.length;i++){
    productList[dataLayer.booking.products[i].travelType];
  }
  return productList.join('|');
}
catch(err){}

I am not very experienced with JavaScript, so I apologize if this is a simple question for some.

https://i.sstatic.net/ZhcP2.png

M

javascript arrays

Answer 1

Answer №1

It appears that in your code, you are setting a new property on the object productList without specifying a value. For example, using {foo: } instead of {foo: "bar"}. To achieve what you are looking for, it seems like you want to create an array where you can add strings. You can do this by:

var productList = dataLayer.booking.products.map(function(product) {
    return product.travelType;
});

return productList.join('|');

Instead of using a for loop, this solution utilizes the Array's map method. Alternatively, you could declare productList as an array earlier in your code and then use the forEach method on the products Array to iterate through each item. However, the approach mentioned above is cleaner and easier to understand. Though ES6 syntax can further streamline the code, clarity is crucial for demonstrating clearly defined solutions.

Answer 2

It appears that in your code, you are setting a new property on the object productList without specifying a value. For example, using {foo: } instead of {foo: "bar"}. To achieve what you are looking for, it seems like you want to create an array where you can add strings. You can do this by:

var productList = dataLayer.booking.products.map(function(product) {
    return product.travelType;
});

return productList.join('|');

Instead of using a for loop, this solution utilizes the Array's map method. Alternatively, you could declare productList as an array earlier in your code and then use the forEach method on the products Array to iterate through each item. However, the approach mentioned above is cleaner and easier to understand. Though ES6 syntax can further streamline the code, clarity is crucial for demonstrating clearly defined solutions.

Traverse the nested dataLayer array to retrieve pipe-separated strings

Answer №1

Similar questions

How can TypeORM be used to query a ManyToMany relationship with a string array input in order to locate entities in which all specified strings must be present in the related entity's column?

Using arrays in Three.js for material instead of MeshFaceMaterial: a guide

Attempting to change the primary color in Bootstrap is ineffective following a button click

Understand the meaning of slicing using :-1 and None - Deciphering each statement

Is there a secure alternative in Typescript for handling null values, such as a "safe operator"?

Primeng - Concealed dropdown values within a scrollable table header

Scaling down the screen for a smaller display

Struggling to transfer information from JavaScript to Python Flask?

display the information stored within the sports attribute using React

How to adjust cell alignment in Handsontable

Is there a way to access the route name (path) in Express Node.js while making a request using the req object?

The base type of the member reference is neither a structure nor a union

Preventing multiple tabs in a form with PHP

unable to adjust the maximum height limit

Easy Ways to Personalize the Appearance of Your Material-UI Tab Indicator

The system has removed all content within the fields

A function designed to detect errors based on the parameters supplied as arguments

Instructions on removing rows by using buttons within a JavaScript-generated table

PHP: AJAX request triggers 500 Internal Server Error

What is the best way to collapse a button in asp.net using javascript after setting it to hidden?