Discover the inverse of Object Arrays interaction in TypeScript

My agent object has the following structure: 

agentObj = {
    "agentId": "saqib",
    "attributes": [
        {
            "name": "Marketing",
            "type": "Boolean",
        },
        {
            "name": "English",
            "type": "Proficiency",
        },
   ],

}

The attributes array is as follows:

attributesObj =  [
{
    "name": "Marketing",
    "type": "Proficient",
},
{
    "name": "English",
    "type": "Boolean",
},
{
    "name": "D",
    "type": "Proficient",
}]

I'm looking to find how to retrieve the attributes from attributesObj that are not included in the attributes[] array of agentObj.

jsonangulartypescript

Answer №1

Loop through the attributesObj and use

agentObj.attributes.find(a => a.name === b.name)

To verify if the element exists. If agentObj is an array of objects, also iterate through them and utilize .find on each object's attributes property.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Collaborate on a component used in multiple modules

In my application, there are two modules: employer and landing. I have created a component in the landing module that I want to share with the employer module. To achieve this, I declared the component in the app.module.ts file of the parent module and use ...

angularangular-componentsangular-module

Angular2 context refers to the 'from' method of Observable

Within the constructor of my Angular2 component class, I have included the following code: Observable.from([1,2,3]).subscribe(e=>{ console.log(e); }); I have made sure to import the necessary modules: import { Observable } from ' ...

angularrxjs

How can you utilize Angular 2's http.post method to interact with a web API2 controller method from a component?

ClassComponent.ts fetchTableHeaders(Id: any) { let headers = new Headers({ 'Content-Type': 'application/json' }); let options = new RequestOptions({ headers: headers }); let body = JSON.stringify(Id); var request = this. ...

asp.netangularasp.net-web-api

Electron triggers MouseLeave event on child elements

Dealing with mouse hover events can be a bit tricky, especially when working with AngularJS in an Electron-hosted app. Here's the HTML template and script I'm using: HTML: <div id="controlArea" (mouseenter) = "onControlAreaEnter()" ...

javascripthtmlangularjstypescriptelectron

Struggling to execute a simple hello_world.ts script following a recent TypeScript installation on WSL

I've recently ventured into the realm of Typescript and decided to kick things off by following the official 5-minute tutorial available at: https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html npm install -g typescript However, ...

node.jstypescriptnpmwindows-subsystem-for-linux

Does the routing in Angular 2 get disrupted by parameter breaks in sub-modules?

In my Angular 2 application, I am encountering an issue with routing to my line module. Currently, I have two submodules - login and line. The routing to the login submodule is working well. However, when I attempt to route to the line module with route pa ...

angulartypescriptangular2-routing

Autocomplete feature in Angular not showing search results

I am currently using ng-prime's <p-autocomplete> to display values by searching in the back-end. Below is the HTML code I have implemented: <p-autoComplete [(ngModel)]="agent" [suggestions]="filteredAgents" name="agents" (completeMethod)="f ...

javascriptangulartypescriptprimeng

"Troubleshooting Challenges with Fetching JSON Data in

Searching high and low on the internet for server validation information has left me empty-handed. Attempting to validate a form using PHP by posting it to itself and returning either a 1 or 0 in an array based on its validity, sounds straightforward. Howe ...

phpjqueryjsonformsvalidation

The PHP script is utilizing jQuery to interact with data,

Recently, I have been working on some PHP code that returns JSON data. However, I encountered an issue with extracting values for "OK" due to the format. In order to get the values, I had to use a jQuery trick which seemed messy and not ideal. Any suggesti ...

phpjqueryjsonformat

Ways to showcase JSON data with jQuery

My code displays movie data from a JSON variable and populates it on a dropdown list based on the selected city. I aim to include show timings along with other details from the JSON content. The code snippet is as follows: $(document).ready(function() ...

javascriptjqueryhtmljson

Testing an Angular service call

I am currently testing whether a button click will trigger a method call in the service. Here is an excerpt of the component content: ngOnInit() { try { //GET ALL ITEMS this.service.getAll().pipe(untilDestroyed(this)).subscribe((result) =& ...

angularjasminekarma-runner

Express.js receiving JSON POST data with AngularJS incorrectly interpreted as keys instead of values

I am facing an issue while trying to make a POST request with JSON data from angularjs to node/express. The problem is that all the data is appearing in the KEY of the req.body instead of as key value pairs. Although I found a similar question addressing ...

angularjsjsonnode.jsexpress

What ways can I dynamically implement styles using ngStyle in Angular?

Is there a way to toggle the position value from left to right based on a boolean condition? I am looking to switch [ngStyle]="{ 'left.px': offSetX } with [ngStyle]="{ 'right.px': offSetX } depending on a certain condition import { C ...

angularng-style

What is the process for building an Angular project using JSON files so that the values can be easily updated post-build to display various outcomes?

Is there any other way to build without using ng build? I'm encountering an issue where the build JSON values are embedded in main.js, preventing me from easily changing them later. I need to generate a report in HTML format with a JSON file using Ang ...

jsonangularoffline

The file size of clr-ui-dark.min.css seems unexpectedly large, despite attempts to optimize the bundles

Has anyone else noticed a similar issue in their projects, or could it be that I made a mistake? It appears to me that the dark styling comprises roughly 33% (according to webpack-bundle-analyzer) of my app's total size. https://i.sstatic.net/fLduq.j ...

angularvmware-claritywebpack-bundle-analyzer

I possess a JSON object retrieved from Drafter, and my sole interest lies in extracting the schema from it

Working with node to utilize drafter for generating a json schema for an application brings about too much unnecessary output from drafter. The generated json is extensive, but I only require a small portion of it. Here is the full output: { "element": ...

javascriptjsonnode.js

Issue with displaying parsed data using JSON and jQuery

I am experiencing an issue with a function I have written $.post('php/client.login.php', {username:username, password:password}, function(json){ var ids = json; alert(json.id); }, 'json'); The ...

jqueryajaxjson

Tips for keeping an Angular Material Dialog component at the forefront of your application's layout

My application is designed with a vertical Navigation Bar positioned on the left side of the screen, and a Home Component displayed in the <router-outlet> to its right. However, I am facing an issue where when I open a Dialog Component within the H ...

angularangular-material

Converting MySQL Bit Type to Swift 3: A Comprehensive Guide

My current database utilizes a Bit type object to represent a boolean variable. https://i.sstatic.net/1qI2j.png However, when attempting to retrieve this data from MySQL to Swift 3, it returns Nil. The PHP file functions correctly as running the PHP code ...

phpjsonswift

Before computing the width, Next.js Swiper slide occupies the entire width

Check out the code snippet below: 'use client'; import { Swiper, SwiperSlide } from 'swiper/react'; import 'swiper/css'; import 'swiper/css/pagination'; export default function Component() { const cards = [{ id: 0 ...

javascriptreactjstypescriptnext.js13swiper.js