Generate a JSON object with multiple items using JavaScript

Question

Generate a JSON object with multiple items using JavaScript

I need to create an object in this format:

var query = {"filters":{"type":"OR","filters":[
   {"type":"EQ","fieldName":"name", "value":"Point_1"},
   {"type":"EQ","fieldName":"name", "value":"Point_2"},
   {"type":"EQ","fieldName":"name", "value":"Point_3"}
]}};

Currently, the names of the points (Point_1, Point_2, Point_3) are stored in an array named points[]. I want to dynamically generate this object based on the array.

This is what I have tried:

var filt = {filters:[]};
for(var i in points){
  filt.filters.push({"type":"EQ","fieldName":"name","value":points[i]}); 
}
var query = {"filters":{"type":"OR","filters":filt}};

However, this approach is not working as expected.

Could someone please point out where I might be making a mistake?

javascript json

Answer 1

Answer №1

When setting up your query structure, it is important to ensure that filters are in array format. This can be achieved by defining filters as an array and directly pushing objects to it.

var filters = [];
for(var i in points){
  filters.push({"type":"EQ","fieldName":"name","value":points[i]}); 
}
var query = {"filters":{"type":"OR","filters":filters}};

Answer 2

When setting up your query structure, it is important to ensure that filters are in array format. This can be achieved by defining filters as an array and directly pushing objects to it.

var filters = [];
for(var i in points){
  filters.push({"type":"EQ","fieldName":"name","value":points[i]}); 
}
var query = {"filters":{"type":"OR","filters":filters}};

Answer 3

Answer №2

To target the desired object, you can nest it inside the filters property.

const locations = ['Location_1', 'Location_2', 'Location_3'],
    query = { filters: { type: "OR", filters: locations.map(function (loc) {
        return { type: "EQ", fieldName: "name", value: loc };
    }) } };

console.log(query);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 4

To target the desired object, you can nest it inside the filters property.

const locations = ['Location_1', 'Location_2', 'Location_3'],
    query = { filters: { type: "OR", filters: locations.map(function (loc) {
        return { type: "EQ", fieldName: "name", value: loc };
    }) } };

console.log(query);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Generate a JSON object with multiple items using JavaScript

Answer №1

Answer №2

Similar questions

Angular UI Bootstrap collapse directive fails to trigger expandDone() function

Preventing Page Content Overflow in Semantic-ui SideNav

Managing errors in Node.js when inserting data into MongoDB

Text in SVG file misaligned at the edge

Issue with data entry: unable to enter the letter 'S' in search field

Troubleshooting in ReactJS and NodeJS: Understanding the "Pass --update-binary to reinstall or --build-from-source to recompile" error

Determine the presence of a JSON object within a file using JavaScript

What is the best way to retrieve scope variables from multiple directives?

Iterate over the array and show the elements only when a click event occurs

Troubleshooting MongoDB and Node.js: Issue with updating variables when inserting documents in a loop

"Steps for implementing a multiselect feature with checkboxes, including the ability to check all and uncheck all, in a React application

What is the most effective method for manipulating and slicing a string based on character matching?

Pictures acting erratic following the implementation of two setTimeout functions

The POST method in Node JS request-promises does not properly handle string inputs

Convert a JSON array with a single element into a valid JavaScript object

Exploring Next.js: Leveraging fetch to retrieve data in getServerSideProps and passing it to the client via query parameters

Creating dynamic flags with specific parameters using Pentaho and JavaScript

What is the best way to verify the existence of an email address?

How can I work with numerous "Set-Cookie" fields in NextJS-getServerSideProps?

Discover the initial two instances of a specific element within a collection of javascript objects