Ejemplos de que es y como usar push en un ARRAY en javascript

Ejemplos de que es y como usar push en un ARRAY en javascript

Ejemplos de que es y como usar push en un ARRAY en javascript

el método push permite añadir un elemento al final de un array

como puedes ver en el siguiente ejemplo he creado una función que se llama mifuncion que se ejecuta al pulsar en el botón

<p>CLICA EN EL BOTON PARA AÑADIR UN ELEMENTO AL ARRAY.</p>

<button onclick="miFuncion()">Pulsa</button>

<p id="demo"></p>

<script>
var cursos = ["Javascript", "JQuery", "PHP"];
document.getElementById("demo").innerHTML = cursos;

function miFuncion() {
cursos.push("HTML5");
document.getElementById("demo").innerHTML = cursos;
}
</script>

esta función añade elemento HTML5 al array cursos utilizando el método push y después mostramos el resultado en un párrafo identificado como demo.

si quieres añadir varios elementos al ARRAY utiliza el método push e incluye en los parámetros todos los elementos separados por comas

<p>CLICA EN EL BOTON PARA AÑADIR UN ELEMENTO AL ARRAY.</p>

<button onclick="miFuncion()">Pulsa</button>

<p id="demo"></p>

<script>
var cursos = ["Javascript", "JQuery", "PHP"];
document.getElementById("demo").innerHTML = cursos;

function miFuncion() {
cursos.push("HTML5","CSS");
document.getElementById("demo").innerHTML = cursos;
}
</script>

si lo que quieres es añadir el elemento al principio del array utiliza el método  unshift().

<p>CLICA EN EL BOTON PARA AÑADIR UN ELEMENTO AL ARRAY.</p>

<button onclick="miFuncion()">Pulsa</button>

<p id="demo"></p>

<script>
var cursos = ["Javascript", "JQuery", "PHP"];
document.getElementById("demo").innerHTML = cursos;

function miFuncion() {
cursos.unshift("HTML5");
document.getElementById("demo").innerHTML = cursos;
}
</script>