{"id":144,"date":"2022-11-24T09:23:14","date_gmt":"2022-11-24T09:23:14","guid":{"rendered":"http:\/\/javigomez.org\/?p=144"},"modified":"2025-09-29T20:34:30","modified_gmt":"2025-09-29T20:34:30","slug":"insertar-un-elemento-en-una-array-sustituyendo-al-que-esta-splice","status":"publish","type":"post","link":"https:\/\/javigomez.org\/index.php\/2022\/11\/24\/insertar-un-elemento-en-una-array-sustituyendo-al-que-esta-splice\/","title":{"rendered":"Insertar un elemento en una array sustituyendo al que esta (splice())"},"content":{"rendered":"\n<p>Este c\u00f3digo crea un array en JavaScript y sustitye un elemento del array por otro. Aunque esto se puede hacer directamente, la idea es tener un ejemplo de la funci\u00f3n splice() de JavaScript, que inserta unos elementos dentro de la tabla y puede eliminar otros.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script>\nvar fruits = &#91;\"Banana\", \"Orange\", \"Apple\", \"Mango\"];\n\n\/\/ En la posicion 2, a\u00f1ade 2 elementos, y quita 1: \n<strong>fruits.splice(2, 1, \"Lemon\", \"Kiwi\");<\/strong>\n\ndocument.getElementById(\"demo\").innerHTML = fruits; \/\/Banana,Orange,Lemon,Kiwi,Mango\n&lt;\/script>\n<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"http:\/\/javigomez.org\/wp-content\/uploads\/2022\/11\/image-29-2-12-1.png\" alt=\"\" class=\"wp-image-145\"\/><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html>\n&lt;html lang=\"en\">\n\n&lt;head>\n    &lt;meta charset=\"UTF-8\">\n    &lt;meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    &lt;title>4.7&lt;\/title>\n&lt;\/head>\n\n&lt;body>\n    &lt;h1>4.7 Inserta un nuevo elemento del array en un sitio determinado quitando el que est\u00e1&lt;\/h1>\n    &lt;p>Introduce los primeros enteros separados por comas: &lt;\/p>\n    &lt;input type=\"text\" placeholder=\"Array\" id=\"array\">\n    &lt;p>\n    Valor: &lt;input type=\"text\" placeholder=\"Texto a a\u00f1adir\" id=\"valor\">\n    Posici\u00f3n del Array: &lt;input type=\"number\" placeholder=\"posici\u00f3n\" id=\"posicion\">\n\n          &lt;input type=\"button\" value=\"Sustituir\" onclick=\"sustituir()\">\n    &lt;\/p>\n  \n    &lt;input type=\"button\" value=\"Reiniciar\" onclick=\"reiniciar()\">\n    &lt;p id=\"resultado\">&lt;\/p>\n    \n  &lt;script>\n  var array=&#91;], tmp=0;\n\n  function sustituir()\n  {\n      array=document.getElementById(\"array\").value.split(\/,\/);\n      var posicion=document.getElementById(\"posicion\").value;\n      var valor=document.getElementById(\"valor\").value;\n\n      array.splice(posicion-1,1,valor);\n\n\/\/      document.getElementById(\"resultado\").innerHTML=array;\n      array.forEach(muestra);\n  }\n  function muestra(ele,ind,arr){\n    document.getElementById(\"resultado\").innerHTML = document.getElementById(\"resultado\").innerHTML +\"Ind:\"+ ind + \" elemento: \" + ele + \"&lt;br>\";\n  }\n  function reiniciar()\n  {\n        location.reload();\n  }\n  \n  &lt;\/script>\n  &lt;\/body>\n\n&lt;\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Este c\u00f3digo crea un array en JavaScript y sustitye un elemento del array por otro. Aunque esto se puede hacer directamente, la idea es tener &hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[162,204,312,313],"class_list":["post-144","post","type-post","status-publish","format-standard","hentry","category-javascript","tag-fore","tag-javascript","tag-splice","tag-split"],"_links":{"self":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts\/144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/comments?post=144"}],"version-history":[{"count":1,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts\/144\/revisions"}],"predecessor-version":[{"id":978,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts\/144\/revisions\/978"}],"wp:attachment":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/media?parent=144"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/categories?post=144"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/tags?post=144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}