A method for comparing two arrays containing identical objects and then storing the results in a variable

Question

A method for comparing two arrays containing identical objects and then storing the results in a variable

I have an item stored within two other items called formKeyValues and form

formKeyValues

https://i.stack.imgur.com/nRfiu.png

form

https://i.stack.imgur.com/eDpid.png

I am looking to extract only the keys and values from formKeyValues and place them in a new array called parameter - with keys corresponding to form.formKeys -

While attempting this, I encountered some issues.

this.formKeyValues=this.selectedTimeLine.formKeyValues;
this.parameter=[];
this.formKeyValues.forEach((para)=>{
  if(para.key==this.selectedTimeLine.form.formKeys){
    this.parameter.push('d[/data/'+this.selectedTimeLine.form.formId+'/'+para.key+']='+para.value);
  }
});

angular typescript angular6 angular8

Answer 1

Answer №1

To determine if an element exists within an array, you can utilize the includes method. To create a new array based on specific criteria, employ the filter function. Lastly, to transform the resulting array into your desired structure, use the map method.

Consider implementing the following approach:

this.result = this.selectedData.entries
  .filter(entry => this.selectedData.set.keys.includes(entry.key))
  .map(entry => 'd[/data/'+this.selectedData.set.id+'/'+entry.key+']='+entry.value);

Answer 2

To determine if an element exists within an array, you can utilize the includes method. To create a new array based on specific criteria, employ the filter function. Lastly, to transform the resulting array into your desired structure, use the map method.

Consider implementing the following approach:

this.result = this.selectedData.entries
  .filter(entry => this.selectedData.set.keys.includes(entry.key))
  .map(entry => 'd[/data/'+this.selectedData.set.id+'/'+entry.key+']='+entry.value);

Answer 3

Answer №2

Here is a solution provided for you to review. The code snippet below contains a JavaScript solution that can be executed here. If needed, you can easily convert this code to Angular by replacing 'var' with 'const'.

const formKeyValues = [{
    key: 'key 1',
    value: 1
  },
  {
    key: 'key 2',
    value: 2
  },
  {
    key: 'key 3',
    value: 3
  },
  {
    key: 'key 4',
    value: 4
  },
  {
    key: 'key 5',
    value: 5
  },
];

const form = {
  formId: 1,
  formKeys: ['key 2', 'key 4', 'key 5']
};

const parameters = this.formKeyValues.filter(x => this.form.formKeys.indexOf(x.key) > -1).map(para => 'd[/data/'+this.form.formId+'/'+para.key+']='+para.value);
console.log(this.parameters);

Answer 4

Here is a solution provided for you to review. The code snippet below contains a JavaScript solution that can be executed here. If needed, you can easily convert this code to Angular by replacing 'var' with 'const'.

const formKeyValues = [{
    key: 'key 1',
    value: 1
  },
  {
    key: 'key 2',
    value: 2
  },
  {
    key: 'key 3',
    value: 3
  },
  {
    key: 'key 4',
    value: 4
  },
  {
    key: 'key 5',
    value: 5
  },
];

const form = {
  formId: 1,
  formKeys: ['key 2', 'key 4', 'key 5']
};

const parameters = this.formKeyValues.filter(x => this.form.formKeys.indexOf(x.key) > -1).map(para => 'd[/data/'+this.form.formId+'/'+para.key+']='+para.value);
console.log(this.parameters);

A method for comparing two arrays containing identical objects and then storing the results in a variable

Answer №1

Answer №2

Similar questions

Using TypeScript to set an HTMLElement in a web page

Ways to boost the efficiency of your Ionic 4 app development process

What steps can be taken to resolve the issue of receiving the error message "Invalid 'code' in request" from Discord OAuth2?

When using routerLink, it automatically converts the URL to a

Combine two arrays of data sources

A guide to finding the mean in Angular by utilizing JSON information

typescript - add a global library import statement to every script

What are some strategies for distinguishing between callable and newable types?

TS2688 Error: Type definition file for 'keyv' is missing

Is there Polyfill Compatibility for Custom Elements in Angular 9?

What is the best way to pass the username and token data from a child component to its parent component

What is the best way to handle various sections with changing structures within a complex form using react-hook-form?

Using Typescript to overload functions with varying first parameters

Using type values in TypeScript

Error Alert: The system is unable to locate property 'next' in Angular/Jasmine

Problems with installing ambient typings

Steps to obtain the download URL from AngularFireStorage after uploading the file using the getDownloadUrl() method

Sending an ArrayBuffer from Angular to Electron results in the window crashing

Is it possible in TypeScript to change a string literal type into a number type?

Troubleshooting the error of an undefined RouterModule