boa noite estou com duvida em uma prova para vaga de Junior e gostaria de saber se alguem pode me ajudar. não consigo deletar dinamicamente a chave do meu objeto JSON e deletar de uma TABLE.

GOSTARIA DE AJUDA <3

$(document).ready(function() {
    let yourObject = {Pessoas: []};
    document.getElementById("json").value=JSON.stringify(yourObject, null, 4);
    document.getElementById("json").readOnly = true;
    let entradapai;
    let entradafilho;
    let contador = 0;
    $("#botao").click(function () {
        contador += 1;
        entradapai = $("#nome").val();
        let resultado = $("table").append("<tr id='teste'><td id="+contador+">" + entradapai + "</td>" + "<td style='text-align: center'><button type='button' name='del' id='del'>Remover</button></td><td style='text-align: center'><button  class='btnF' type='submit' name='addfilho' value='add' id='add'>Adicionar Filho</button></td></tr>");
        yourObject.Pessoas.push({nome: entradapai,filhos: []})
        document.getElementById("json").value=JSON.stringify(yourObject, null, 4);
        return false;
    });

    $(document).on('click','#del',function (id){  
        var tr = $(this).closest('tr');
        tr.remove();



        document.getElementById("json").value=JSON.stringify(yourObject, null, 4);

        return false;
    });


    $(document).on('click','#add',function (index){
        entradafilho = prompt("Digite o nome do filho: ");
        let results = $("table").append("<tr><td>" + entradafilho + "</td><td><button type='button' name='del2' id='del2'>Remover Filho</button></td></tr>");
        yourObject.Pessoas[index].filhos.append = {filhos: entradafilho};
        document.getElementById("json").value=JSON.stringify(yourObject, null, 4);
        return false;
    });

    $(document).on('click','#del2',function (){
        var tr = $(this).parent().parent();
        tr.remove();

        return false;
    });


})