Tips on deleting a nested JSON key?

Here is an example of my JSON structure:

var data =  [{
        "ID"                  : 3,
        "discRec"             : "Some sample record",
        "Tasks"               : [{
                                "ID"          : 7,
                                "discParcel"  : ["string1", "string2"]
                                }]
        }, 
        {
        "ID"                  : 4,
        "discRec"             : "Some sample record 2",
        "Tasks"               : [{
                                "ID"          : 8,
                                "discParcel"  : ["string3", "string4"]
                                }]
        }];

I am looking for a way to remove the first element of 'discParcel' which has an ID attribute of '8' and a parent ID attribute of '4' in Angular 2. Can someone provide guidance on how to achieve this?

javascriptjsontypescript

Answer №1

data
    .filter(item => item.itemID === 4)
    .taskList.find(task => task.taskID === 8)
    .parcelTrack.shift();

Answer №2

To handle valid JSON data in JavaScript, you can follow this approach:

let jsonData = JSON.parse(data);
jsonData.forEach(item => {
  if(item.ID === 4){
    Tasks.forEach(task => {
      if(task === 8){
        discParcel.shift();
      }
    })  
  }
})

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

Using the .map method to index an array is causing issues in Node.js

Hey everyone, I'm struggling to properly index a JSON array using the map function. It seems like my code isn't quite right. This is what I have: var entireHTMLssssq = lloopmois.map((result, index) => `<div id=${index} style="position: a ...

javascriptarraysjsonnode.js

NodeJS - Issue: The procedure specified could not be located in the bcrypt_lib.node

After upgrading from Node.js 0.12.7 to 4.2.1, I encountered an error when attempting to start my server: $ node server.js C:\Users\me\documents\github\angular-express-auth\node_modules\bcrypt\node_modules\bindi ...

javascriptnode.jsexpressbcrypt

What is the significance of having nodejs installed in order to run typescript?

What is the reason behind needing Node.js installed before installing TypeScript if we transpile typescript into JavaScript using tsc and run our code in the browser, not locally? ...

javascriptnode.jstypescriptangularnpm

How can the CORS issue be resolved when sending a form from a client to an AWS API gateway function?

Within my front end React application, I am looking to implement a contact form that will submit data to a Lambda function via an API Gateway with a custom domain attached. The frontend operates on the domain dev.example.com:3000, while the API Gateway is ...

javascriptreactjsamazon-web-servicescorsserverless-framework

Having trouble retrieving an object from an event handler in ReactJS

const question = { quest : "What is my age?", answers : [16,15,21,30], correct : 21, } validateAnswer(){ let usersResponse = document.getElementById('ans-1').textContent; let response = this.question.correct; if(usersResp ...

javascriptreactjs

What is the best way to interact with a button that has a similar class attribute in Protractor?

There are multiple buttons in my code that have different classes assigned to them: <button _ngcontent-c39="" class="btn btn-block"></button> <button _ngcontent-c39="" class="btn btn-block btn-primary"></button> My task is to clic ...

typescriptprotractore2e-testing

Ignore missing values when performing an upsert operation

I'm currently utilizing pg-promise to manage my Postgres queries, but I've hit a roadblock with the following query conundrum: My goal is to develop a single method that can batch upsert multiple rows simultaneously. Here's the code snippet ...

javascriptnode.jspg-promise

What is causing the error message 'Unexpected use of 'location' no-restricted-globals'?

When working on my reactjs code, I encountered the following issue: const { children, location: { pathname }, } = this.props; let path = location.pathname; I am also utilizing the react router module in this component. Anyone have suggestions on how ...

javascriptreactjsreact-routereslint

Exploring the world of web scraping using NodeJS and cheerIO

Can anyone help me figure out why I can't retrieve the HTML content while web scraping with Node.js and Cheerio? When I use the .html() function, it's showing an error saying that it is not a function. Here is the code snippet where I'm try ...

javascriptnode.jsrequestcheerio

Utilizing a combination of CSS and JavaScript, the traffic light can be altered to change based on

**I stumbled upon this online code snippet where a timer is controlled in CSS. I'm trying to figure out how to control it with JavaScript, but all my attempts have failed so far. Is there anyone who can help me solve this issue? What I'm attempti ...

javascripthtmlcss

I am looking to superimpose one rectangle over another rectangle

I am looking to create something similar using CSS and TypeScript/JavaScript: Could someone please guide me on how to achieve this? My attempt with a flex container looks like this: I am new to front-end development. Can anyone point out what I might be ...

javascripthtmlcssreactjstypescript

Issue with verifying file existence utilizing $.ajax()

I'm currently facing a challenge checking for the existence of a file using $.ajax(). I am cycling through a JSON file with $.each and trying to determine if a specific staff member has an image. If not, I want to default to using the no_photo.jpg ima ...

javascriptjqueryjson

I'm currently working on developing a chat system, but I'm facing an issue where I am unable to send multiple messages consecutively. It seems like there is a problem with the form

My chat application is not allowing me to post multiple messages. Here is the code snippet responsible for sending messages: window.typing = false; var posted = 0; var canPost = 1; var donotrefresh = 0; document.forms['send'].addEventListener(& ...

javascriptjqueryajaxchat

Error: The function jQuery(...).hexColorPicker does not exist

I am attempting to utilize a color-picker jQuery plugin. Below is a screenshot of the JavaScript file: https://i.stack.imgur.com/ovRjx.png Here is the code I am using to initialize it: <script type="text/javascript> jQuery(function(){ ...

javascriptjqueryhtml

Using ReactJS to incorporate events with an external DOM element

I am using ReactJS version 16.13.1 and I have the need to display an external DOM element along with its events. Let's consider having a <button type="button" id="testBtnSiri" onclick="alert('Functionality exists');">Testbutton Sir ...

javascriptreactjsdom

Retrieving HTML content using scriptJS

Currently utilizing VueJS and encountering an issue after compiling code in production mode. I have one index.html file and several assets that are being uploaded to the cloud. The challenge lies in the fact that the client is not accepting the HTML file ...

javascriptvue.jsnpm

Ways to establish a minimum height for material cards using Material UI

I am facing an issue with a card that contains a nested table. The card expands and shrinks based on the size of the table inside it. I want to prevent the card from shrinking when the table has no data or just one entry. Instead, I need the card to mainta ...

javascriptcssreactjsmaterial-ui

Utilizing the same uuid twice along with Vuex and the unique identifier generation tool uuidv4

Within my vuex store, there is a function to create a post. This function generates a json Object containing a unique uuid using uuidv4(). However, I have noticed that if I execute the function multiple times, the uuid remains the same each time (unless I ...

javascriptvue.jsvuejs2vuexuuid

Navigating the nuances of working with nullable and non-nullable types using generics

Developing a specialized LookupConverter : JsonConverter class was essential for efficient JSON serialization and deserialization of ILookup objects. Given the complexities arising from dealing with generics and the lack of a public concrete Lookup class, ...

c#jsongenericsserialization

What is the correct version compatibility matrix for Expo, NPM, Node, React Native, and TypeScript?

Currently, I am in the process of setting up React Native with TypeScript. Here are the steps I followed: npx react-native init MyApp --template react-native-template-typescript I made sure to install TypeScript as well: npm install -g typescript ' ...

node.jstypescriptreact-nativenpmnpx