16 octubre 2015

Agregar y Eliminar Elementos en un array JSON

Este script es un ejemplo del como agregar o eliminar elementos en JSON, con integración de jquery y syntaxhighlighter, aquí el código fuente


<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<title>Agrega o Elimina Elementos en JSON</title>
</head>
<script src="js/jquery-1.11.3.js" type="text/javascript"></script>
<script type="text/javascript" src="js/syntaxhighlighter_3.0.83/scripts/shCore.js"></script>
<script type="text/javascript" src="js/syntaxhighlighter_3.0.83/scripts/shBrushJScript.js"></script>
<link type="text/css" rel="stylesheet" href="js/syntaxhighlighter_3.0.83/styles/shCoreDefault.css"/>
<script type="text/javascript">SyntaxHighlighter.all();</script>
<script type="text/javascript">
//elemento JSON
var data = {items: [
   {id: "1", nombre: "Carlos", sexo: "Masculino"},
   {id: "2", nombre: "Belem", sexo: "Femenino"},
   {id: "3", nombre: "Hugo", sexo: "Masculino"},
]};
$(document).ready(function(){
//Muestra el elemento JSON antes de su modificación
$("#elementsJsonSinModificaciones").text(JSON.stringify(data,null, '\t'));
//Llamamos a la funcion elimina_json, para la eliminación de dos registros mediante la opción .splice()
elimina_en_json();
//Mostramos el elemento JSON en el elemento <pre> con las eliminaciones realizadas
$("#elementsJsonConModificaciones").text(JSON.stringify(data,null, '\t'));
//Se llama a la siguiente función para agregar un elemento al JSON
agrega_en_json();
//Mostramos nuevamente el elemento JSON en el las tags </pre> con un elemento mas al JSON
$("#elementsJsonAgregar").text(JSON.stringify(data,null, '\t'));
});
//Función que elimina dos elementos apartir del registro 1
function elimina_en_json(){
data.items.splice(1,2);
}
//funcion que agrega un registro al elemento JSON
function agrega_en_json(){
data.items.push(
    {id: "7", nombre: "Daniela", sexo: "Femenino"}
);
}
</script>
<body>
<span>CreateBy Abraham Zenteno Sánchez <a href="https://facebook.com/abzenteno">abzenteno Facebook</a></span><br/>
Elementos de un JSON
<pre class="brush: js; " id="elementsJsonSinModificaciones"></pre>

Eliminando elementos en el JSON con: <b>data.items.splice(1, 3);</b>
<pre class="brush: js; "  id="elementsJsonConModificaciones"> </pre>

Agregando Elementos en un JSON con: <b>data.items.push({id: "7", nombre: "Daniela", sexo: "Femenino"});</b>
<pre class="brush: js;" id="elementsJsonAgregar"></pre>
</body>
</html>

Resultado del ejemplo:




No hay comentarios:

Excel 2013, convertir mes en texto a numero

Si tienes un mes en formato ENERO este lo cambiara a 02, funciona en la versión de Excel 2013, solo se tienen que reemplazar J2 por la celda...