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

Steps to import a JSON file into a PostgreSQL database

Operations such as OR and AND can be used within a JSONB array to filter

Accessing the personal data fields of a MongoDB object

Get the refreshed values of JSON data

Incorporating redux-offline seamlessly into your Angular 5 project

Issues arising from an aging Angular project

Exploring ViewChild Usage in Angular 8's Inheritance

How to send data to an external API using Dart methods and parameters

Encountered this issue: nw_protocol_get_quic_image_block_invoke dlopen libquic failed

Using TypeScript for Routing in Angular

loading dynamic content into an appended div in HTML using Angular

Blending TypeScript declaration files and Node.js require across various files within an internal module

Pause and anticipate the occurrence of AdMob's complimentary video reward event within a defined function in Ionic/Typescript

The specified path is not found within the JsonFilter

Converting a JSON_ARRAY of IDs to a JSON_ARRAY of values in MySQL 8

Having trouble retrieving object properties within an Angular HTML template

Troubles encountered while trying to make MediaRecorder function in Angular 9

Parsing JSON data does not involve iterating through an array

Utilize JSON parsing with AngularJS

Is it possible for TypeScript to automatically detect when an argument has been validated?