Using TypeScript to filter and compare two arrays based on a specific condition

Question

Using TypeScript to filter and compare two arrays based on a specific condition

Can someone help me with filtering certain attributes using another array? If a condition is met, I would like to return other attributes. Here's an example:

Array1 = [{offenceCode: 'JLN14', offenceDesc:'Speeding'}]

Array2 = [{id:0, offenceCode: 'JLN14'}, {id:1, offenceCode: 'JLN13'}]

First, I have Array2, and I want to compare the attribute offenceCode with Array1. If they match, I'd like Array1 to return OffenceDesc.

Here's what I've attempted so far:

  demo = [
    {
      offenceCode: 'JLN14',
      offenceType: '7',
      offenceDesc: 'emergency lane abuse'
    },
    {
      offenceCode: 'BRG04',
      offenceType: '8',
      offenceDesc: 'speeding'
    },
    {
      offenceCode: 'CRG04',
      offenceType: '9',
      offenceDesc: 'emergency lane abuse'
    }
  ];

  offenceCode: any;

  ngOnInit() {
    this.offenceCode = this.items.map(x => x.offenceCode1);
    console.log(this.offenceCode);
    if(this.demo.forEach(x => x.offenceCode === this.offenceCode)) {
      // return offenceDesc
    }
  }

I'm currently stuck and unsure how to proceed with solving this issue. You can check out my stackblitz demo. Any suggestions on how to solve this or better practices are much appreciated. Thank you!

javascript angular typescript

Answer 1

Answer №1

Seems like you're searching for:

offenceCode: string[];

ngOnInit() {
  this.offenceCode = this.items.map(x => x.offenceCode1);
  this.demo.forEach(x => {
    this.offenceCode
      .filter(e => e === x.offenceCode)
      .forEach(e => console.log(x.offenceDesc));
    });
}

Made these changes:

You need to declare offenceCode as a string[]
Now, you can iterate through the demo array and filter based on the offenceCode defined earlier. Any matches will be displayed in the console (you can modify this according to your needs)

Answer 2

Seems like you're searching for:

offenceCode: string[];

ngOnInit() {
  this.offenceCode = this.items.map(x => x.offenceCode1);
  this.demo.forEach(x => {
    this.offenceCode
      .filter(e => e === x.offenceCode)
      .forEach(e => console.log(x.offenceDesc));
    });
}

Made these changes:

You need to declare offenceCode as a string[]
Now, you can iterate through the demo array and filter based on the offenceCode defined earlier. Any matches will be displayed in the console (you can modify this according to your needs)

Answer 3

Answer №2

To achieve this, you can utilize Array.prototype.findIndex.

const findMatchingIndex = this.customArray.findIndex(item => item.code === this.codeToFind);
if(findMatchingIndex !== -1) {
  return this.customArray[findMatchingIndex].description;
}
return undefined;

It's important to remember that the function findIndex will return -1 if no match is found.

Answer 4

To achieve this, you can utilize Array.prototype.findIndex.

const findMatchingIndex = this.customArray.findIndex(item => item.code === this.codeToFind);
if(findMatchingIndex !== -1) {
  return this.customArray[findMatchingIndex].description;
}
return undefined;

It's important to remember that the function findIndex will return -1 if no match is found.

Answer 5

Answer №3

function checkOffence(){
  const offences1 = [{code: 'SPE42', description:'Breaking the speed limit'}]
  const offences2 = [{id:0, code: 'SPE42'}, {id:1, code: 'PARK01'}]

  const matchedOffence = offences1.filter(offence1 => 
    offence1.code == offences2.filter(offence2 => 
      offence2.code == offence1.code)[0].code
    )[0]

  return matchedOffence ? matchedOffence.description : null
}

Answer 6

function checkOffence(){
  const offences1 = [{code: 'SPE42', description:'Breaking the speed limit'}]
  const offences2 = [{id:0, code: 'SPE42'}, {id:1, code: 'PARK01'}]

  const matchedOffence = offences1.filter(offence1 => 
    offence1.code == offences2.filter(offence2 => 
      offence2.code == offence1.code)[0].code
    )[0]

  return matchedOffence ? matchedOffence.description : null
}

Using TypeScript to filter and compare two arrays based on a specific condition

Answer №1

Answer №2

Answer №3

Similar questions

Error in material mapping: glDrawElements is trying to access vertices that are out of range in attribute 2

Warning: The parameter type in the Node JS project is not compatible with the argument type

Issue with Vuex: currentUser state not persisting after page refresh

AngularJSError

Using Javascript to Highlight a Single Row in a Table

How can I close the menu when a menu item is clicked in a React.js application?

JavaScript Function to Redirect Page After a Delay of X Seconds

Execute script when the awaited promise is fulfilled

Customize the background color of highlighted text using HTML and jQuery

You cannot click on a React subcomponent

Angular 5: Ensure Constructor Execution Occurs Prior to Injection

Data manipulation with Next.js

The Append method in FormData is not functioning properly within Angular

Dynamic React Gallery with Interactive Image Picker

Gulp and Vinyl-fs not functioning properly when trying to save in the same folder as the source file due to issues with

Phantom-node failing to return the value from the page.evaluate function

What is the correct method for linking resources within the updated Angular 18 workspace using the new "public" directory layout?

Creating JavaScript object fields with default values in an AngularJS model: A Step-by-Step Guide

Error in Node.js React: Unable to add context property as the object is not extendible

Creating a nested JSON structure by fetching data from a remote source