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

When using Angular with mdbootstrap, the mdb-tabs directive will move to the end if the ngIf condition is true

When converting a PDF to a PNG, the precious data often disappears in the process

Share information by including the provider within the @component declaration in Angular

What is the best way to include the existing query string value in the hyperlinks on my page?

Having trouble with clearInterval in React TypeScript?

Tips for resolving the issue of "The types 'GameState' and 'string' do not intersect, so this condition will always yield 'false'."

Iterate through nested objects in Javascript

TypeScript: Despite declaring specific types, generic functions still treat parameters as "any"

TypeScript encountered an error with code TS2554, indicating that it was expecting 0 arguments but instead received 1 in an Ionic application

Modify the style of an element using a media query and Angular 4

Angular5: At what point does Angular finish loading a page?

The bespoke node package does not have an available export titled

Activating the loader dismiss command will transition the swiper to the current page

The Angular2 application was constructed using angular-cli, incorporating a directive, and optimized with the ng build

Unable to retrieve data from Angular service to component

Utilizing Arrays in MySQL and Perl: Tips for Integrating an Array with the IN Clause in a Select Statement (WHERE IN (@array))

Mocking is not working for request scoped injection

Are there any methods within Angular 2 to perform Angular binding within a string?

Using the increment operator within a for loop in JavaScript

When testing my POST request online, it functions properly. However, I am facing difficulties in getting it to work in next.js as I keep receiving a 405