Are you searching for ways to convert an object into an array?

Question

Are you searching for ways to convert an object into an array?

I have a dynamically built object and I need to extract specific fields (the dynamic ones) from it and convert them into an array.

In the following code snippet, my goal is to convert towers[X] into an array of objects.

{id: "", description: "Teste", towers[1]: true, towers[2]: true, 
    towers[3]: true, …}
    description: "Test"
    id: ""
    towers[1]: true
    towers[2]: true
    towers[3]: true
    towers[4]: ""
}

The desired outcome would look something like this:

{
    id: "",
    description: "Test",
    towers[1]: true //Can remain here or be omitted as it won't be used
    ...
}

This should result in a new array structured like:

{
    [id: 1, value: true],
    [id: 2, value: true],
    [id: 3, value: true],
    [id: 4, value: ""]
}

arrays json angular typescript

Answer 1

Answer №1

Assuming that towers[0] returns a number, you can try this method. It identifies all keys in an object with boolean values and retains them by adding them to a new object.

const obj = YOUR_OBJECT_HERE;
Object.keys(obj).filter((key) => typeof obj[key] === "boolean").reduce((accum, key) => {
    return {...accum, [key]: obj[key]};
}, {})

Answer 2

Assuming that towers[0] returns a number, you can try this method. It identifies all keys in an object with boolean values and retains them by adding them to a new object.

const obj = YOUR_OBJECT_HERE;
Object.keys(obj).filter((key) => typeof obj[key] === "boolean").reduce((accum, key) => {
    return {...accum, [key]: obj[key]};
}, {})

Answer 3

Answer №2

When X is a numeric value and obj represents the object we aim to convert:

let output = [];
for (let index = 1; index <=x ; i++) {
output.push({number:index, tower: obj['towers'+index]})
}

Answer 4

When X is a numeric value and obj represents the object we aim to convert:

let output = [];
for (let index = 1; index <=x ; i++) {
output.push({number:index, tower: obj['towers'+index]})
}

Answer 5

Answer №3

If you are looking to change your array of objects, one way to do it is:

this.objects = this.objects.map(object => {
    return {
        id: object.id,
        description: object.description,
        towers: Object.keys(object).filter(key => key.indexOf('towers') != -1)
            .map((key, index) => {
                return {id: index + 1, value: object[key]}
            })
            .filter(x => x.value)
    }
})

Take note that the "map" function includes an "index" starting from 0.

Answer 6

If you are looking to change your array of objects, one way to do it is:

this.objects = this.objects.map(object => {
    return {
        id: object.id,
        description: object.description,
        towers: Object.keys(object).filter(key => key.indexOf('towers') != -1)
            .map((key, index) => {
                return {id: index + 1, value: object[key]}
            })
            .filter(x => x.value)
    }
})

Take note that the "map" function includes an "index" starting from 0.

Are you searching for ways to convert an object into an array?

Answer №1

Answer №2

Answer №3

Similar questions

Using Long Polling with Angular 4

Various types of generics within an object

A destructured object with a Typescript interface

Explanation on How to utilize the $( document ).ready() jQuery function within the ngAfterViewInit() on a Component class using Angular 2

Tips for resolving this unhandled error in React TypeScript

Trouble parsing JSON in Classic ASP

Angular 2: Issue with data table not updating after item deletion

Best practice for incorporating types into a Redux-toolkit reducer

Performing Bag operations concurrently with Python Dask

If the key is not found in the JSON data, assign a value of null and add it to the

Error encountered during package installation: npm command terminated with exit code 1

Tips for properly formatting a string in JSON format to ensure it is correctly identified as a JSON file

href variable for server-side data table

Experiencing difficulty in transferring array information from a parent component to a child component within an

Set the class function to be uninitialized

Modifying the values of various data types within a function

Unable to confirm the version of Angular

What is the best way to identify modifications in a JSON object?

How to generate a fresh JSON file by extracting unique elements from a JSON array using PHP

Resolving a persistent AngularJS 1 constant problem with Typescript