Archivos JSON y mamadas

Este es un ejemplo de como manejar datos de una forma sensillita, con JSON, y JQuery
Pasos:
1.- Crear un archivo que se llame datos.json Y meterle el siguiente codigo
*********arcvhivo datos.json**********
[
    {
        "numReg": 5,
        "nombre": "Teo Gonzalez Calzada",
        "correo": "teo.gonzalez.c@hotmail.com"
    },
    {
        "numReg": 6,
        "nombre": "Luis castillo",
        "correo": "luiscastillo@hotmail.com"
    }
]

2.- Crear un archivo con el nombre que quieras Y meterle el siguiente codigo
********archivo comosellame.html ***************
<!DOCTYPE html>
<html>
<head>
    <!-- Etiqueta para que acepete acentos en el codigo -->
    <meta charset="UTF-8">

    <!-- Etiqueta para poder usar funciones de JQuery -->
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

    <!-- Titulo -->
    <title>Examen 3 parte 3</title>
</head>

<body>
    <script type="text/javascript">
        //Definir datosGlobales como un ARREGLO
        // Explicacion de los arreglos  https://www.w3schools.com/js/js_arrays.asp
        // Metodos para los arreglos https://www.w3schools.com/js/js_array_methods.asp


        // (DatosGlobales es solo un nombre de variable, puede cambiarse como quieran)
        datosGlobales = [];

        // getJSON es una funcion de jquery para obtener un archivo y convertirlo a un objeto
        // En este caso nuestro archivo se llama datos.json, puede tener cualquier nombre
        $.getJSON("datos.json", function(data){

            // Vemos la informacion de el archivo
            // En este caso se llama data la variable. y es un ARREGLO, por lo tanto tiene las propiedades de uno
            console.log(data);

            // Puedes ver la longitud de los datos, el primer elemento, etc. es un arreglo
            //data.length, data[0], data[0].nombre

            // Volvemos global los datos que obtuvimos. Esto significa que podremos manipularlos desde donde sea
            datosGlobales = data;

            document.write("Nombres que estan en el archivo<br>");
            imprimirNombres();
            document.write("Agregando elemento<br>");
            agregarElemento();
            document.write("Nombres despues de cambiar la info<br>");
            imprimirNombres();
            document.write("Descargando la info<br>");
            descargarDatos();
        });

        function imprimirNombres(){
            for(var i = 0; i < datosGlobales.length; i++){
                document.write(datosGlobales[i].nombre + "<br>"); //Imprimimos el nombre en el documento, obviamente esto se puede modificar a su gusto
            }
        }
        function agregarElemento(){
            //Agregar UN elemento a datos globales
            datosGlobales.push({ nombre: "Ana", numReg: 4, correo: "ana@mail.com" });
        }

        // Funcion para descargar los datos actuales a un archivo nuevo para el usuario
        function descargarDatos() {
            var element = document.createElement('a');
            element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(JSON.stringify(datosGlobales)));
            element.setAttribute('download', "datos.json");
            element.style.display = 'none';
            document.body.appendChild(element);
            element.click();
            document.body.removeChild(element);
        }

    </script>
</body>
</html>