Use a function on values that have corresponding keys in a separate array

Question

Use a function on values that have corresponding keys in a separate array

I am working with a form.value object that looks like this:

 form.value = {
  "to_date": "2019-03-21T05:00:00.000Z",
  "from_date": "2019-03-13T05:00:00.000Z",
  "is_form": ""
  "errors":""
}

Additionally, I have an array called filterArray:

filterArray = [
  "from_date",
  "to_date"
]

The goal is to loop through the keys in the form.value object and apply a function (converFormat()) to the values of keys that match the ones in the filterArray:

form.value = {
  "to_date": "2019-03-21T05:00:00.000Z",       // function() applied since key in filterArray  
  "from_date": "2019-03-13T05:00:00.000Z",     // function() applied since key in filterArray  
  "is_form": ""                               
  "errors":""                                  
}

arrays angular typescript object angular-reactive-forms

Answer 1

Answer №1

Transforming selected keys in a form object using a custom function:

Object.keys(formData).filter(key => filterKeys.includes(key)).forEach(key => {
  formData[key] = transformData(formData[key])
})

// Alternatively, you can store the transformed values in another variable

const customizedFormData = {
  ...formData,
  ...Object.keys(formData)
    .filter(key => filterKeys.includes(key))
    .reduce(
      (previousVal, currentKey) => ({
        ...previousVal,
        [currentKey]: transformData(formData[currentKey])
      }),
      {}
    )
};

Answer 2

Transforming selected keys in a form object using a custom function:

Object.keys(formData).filter(key => filterKeys.includes(key)).forEach(key => {
  formData[key] = transformData(formData[key])
})

// Alternatively, you can store the transformed values in another variable

const customizedFormData = {
  ...formData,
  ...Object.keys(formData)
    .filter(key => filterKeys.includes(key))
    .reduce(
      (previousVal, currentKey) => ({
        ...previousVal,
        [currentKey]: transformData(formData[currentKey])
      }),
      {}
    )
};

Use a function on values that have corresponding keys in a separate array

Answer №1

Similar questions

Guide to generating TypeScript output files within a non-hierarchical directory layout

SonarLint versus SonarTS: A Comparison of Code Quality Tools

What is the best way to retrieve the dataset object from a chart object using chart.js in typescript?

Incorporating Scatter Dots into a Horizontal Stacked Bar Chart using Chart.js

Is it considered poor practice in TypeScript to manually set the type when the type inference is already accurate?

The inner panel height does not extend to 100% when there is overflow

Mismatched URLSearchParam type {property: value} does not match with undefined and Argument Type {property: value} cannot be assigned to {property: value}

Development occurring concurrently within a single Angular project

Joi has decided against incorporating custom operators into their extended features

Creating a factory function through typhography

Manipulate and send back information from Observable in Angular

Learn how to store the data from a FormArray into a MySQL database using Node.js

Angular 2 does not recognize the existence of .then in type void

Guide on using axios in vue.js to interact with the API

Sort attributes by the type of property

The Material Table in Angular is having issues with sorting functionality

React-dnd supporting multiple draggable and droppable elements

The complete Angular 2 application fails to load when accessed using a custom domain name

Searching for data in a JSON file and retrieving values from an array using Python

Exploring table iteration in Angular 7