Transform an array of objects into a single string and add it back into the original array

Question

Transform an array of objects into a single string and add it back into the original array

The format of my Array is as follows:-

questionValue = {
  others: [{
      inputValue: [{
        FormTypeValueArrayValue: [
          {
            form_type_value: "a"
          }, {
            form_type_value: "b"
          }, {
            form_type_value: "c"
          }, {
            form_type_value: "d"
          }
        ]
      }]

    },
    {
      inputValue: [{
        FormTypeValueArrayValue: [
          {
            form_type_value: "a"
          }, {
            form_type_value: "b"
          }, {
            form_type_value: "c"
          }, {
            form_type_value: "d"
          }
        ]
      }]
    }
  ]
}

However, the required format should be like this: -

questionLevel = {
  others: [{
    question: "",
    form_type_value: "a,b,c"
  },
  {
    question: "",
    form_type_value: "d,e,f"
  }],
}

I have an array that repeats, so in each array I need the form_type_value as a simple string but within the corresponding array.

angular typescript

Answer 1

Answer №1

questionLevel.others = questionLevel.others.map((other)=>{
   other.form_type_value = other.formTypeValuesForEachQuestion
     .map( value => value.form_type_value).join(',');
   delete other.formTypeValuesForEachQuestion;
   return other;
});

Give this a shot!

Answer 2

questionLevel.others = questionLevel.others.map((other)=>{
   other.form_type_value = other.formTypeValuesForEachQuestion
     .map( value => value.form_type_value).join(',');
   delete other.formTypeValuesForEachQuestion;
   return other;
});

Give this a shot!

Answer 3

Answer №2

Here is a possible solution for your issue: Keep in mind that even though you are avoiding explicit loops, there may still be loops within the function calls at a language level which might not be visible to you. These types of solutions are typically referred to as functional programming.

var questionValue = {
  others: [{
      inputValue: [{
        FormTypeValueArrayValue: [
          {
            form_type_value: "a"
          }, {
            form_type_value: "b"
          }, {
            form_type_value: "c"
          }, {
            form_type_value: "d"
          }
        ]
      }]

    },
    {
      inputValue: [{
        FormTypeValueArrayValue: [
          {
            form_type_value: "a"
          }, {
            form_type_value: "b"
          }, {
            form_type_value: "c"
          }, {
            form_type_value: "d"
          }
        ]
      }]
    }
  ]
}


var questionLevel = {};
questionLevel.others = questionValue.others.map((v) => {
                return { question: "", form_type_value: v.inputValue.map(innerValue => 
                innerValue.
                FormTypeValueArrayValue.map
                (obj => obj.form_type_value).join(','))};
});

console.log(questionLevel);

Answer 4

Here is a possible solution for your issue: Keep in mind that even though you are avoiding explicit loops, there may still be loops within the function calls at a language level which might not be visible to you. These types of solutions are typically referred to as functional programming.

var questionValue = {
  others: [{
      inputValue: [{
        FormTypeValueArrayValue: [
          {
            form_type_value: "a"
          }, {
            form_type_value: "b"
          }, {
            form_type_value: "c"
          }, {
            form_type_value: "d"
          }
        ]
      }]

    },
    {
      inputValue: [{
        FormTypeValueArrayValue: [
          {
            form_type_value: "a"
          }, {
            form_type_value: "b"
          }, {
            form_type_value: "c"
          }, {
            form_type_value: "d"
          }
        ]
      }]
    }
  ]
}


var questionLevel = {};
questionLevel.others = questionValue.others.map((v) => {
                return { question: "", form_type_value: v.inputValue.map(innerValue => 
                innerValue.
                FormTypeValueArrayValue.map
                (obj => obj.form_type_value).join(','))};
});

console.log(questionLevel);

Transform an array of objects into a single string and add it back into the original array

Answer №1

Answer №2

Similar questions

What is the best way to restrict string patterns in TypeScript?

Looking to relocate the Mat expansion indicator?

Apply dynamic directives to an HTML string fetched from the server

Guide on exporting Excel data using Angular and TypeScript

The solution to resolving setState not updating within a react context

The reducer within ngrx/store fails to trigger

Issue with Sending Messages using SignalR in .NET and Angular

Utilize Angular 4 to dynamically load templates within a single component

In the latest version of Expo SDK 37, the update to [email protected] has caused a malfunction in the onShouldStartLoadWithRequest feature when handling unknown deeplinks

Why is the getElement().getProperty("value") function not functioning properly?

Align watermark content to the far left side

The issue arises due to conflicting indent configurations between eslint and @typescript-eslint/indent

The altered closure variable ts remains undetectable

During operation, zxing/ngx-scanner functions properly on Safari but encounters issues on Chrome

Tips for adding a border to a table cell without disrupting the overall structure of the table

How can a button click function be triggered in another component?

Obtain a union type in TypeScript based on the values of a field within another union type

Publish the current namespace as a new module

A step-by-step guide on customizing the background color of a Dialog in Angular Material (Version 16)

Leveraging TypeScript to share information between directives in AngularJS through asynchronous calls