push() unshift() join()

JavaScript Array módszerek:

 push() metódus:            Zárójelek között meghatározott új elemet vagy elemeket, hozzáadja a tömbhöz. 
                                         Ha a tömbben már vannak adatok, akkor a meglévők végéhez.

unshift() metódus:          Zárójelek között meghatározott új elemet vagy elemeket, hozzáadja a tömbhöz. 
                                         Ha a tömbben már vannak adatok, akkor a meglévők elejéhez.
										 
join()                              Adatokat, meghatározott elválasztóvak rendezi.
                                           Alapértelmezett elválasztó a vessző ( , )

push() metódus

<head>
</head>
<body>
<p>Kattints a button gombra, hogy az új elemet, 
hozzáadjuk a tömbhöz.(array.)</p>

<button onclick="myFunction()">Kattints ide!</button>

<h5 id="adatok"></h5>

<script>
var Termekek = ["Banán", "Narancs", "Körte"];
document.getElementById("adatok").innerHTML = Termekek;

function myFunction() {
    Termekek.push("Alma", "Eper");
    document.getElementById("adatok").innerHTML = Termekek;
}
</script>

</body>

Új adat, a tömb végéhez:

Kattints a button gombra, hogy az új elemet, hozzáadjuk a tömbhöz.(array.)

unshift metódus

<head>
</head>
<body>
<p>Kattints a button gombra, hogy az új elemet, 
hozzáadjuk a tömbhöz.(array.)</p>

<button onclick="sajatFunction()">Kattints ide!</button>

<h5 id="termes"></h5>

<script>
var Termes = ["Banán", "Narancs", "Körte"];
document.getElementById("termes").innerHTML = Termes;

function sajatFunction() {
    Termes.unshift("Alma", "Eper");
    document.getElementById("termes").innerHTML = Termes;
}
</script>

</body>

Új adat, a tömb elejére:

Kattints a button gombra, hogy az új elemet, hozzáadjuk a tömbhöz.(array.)

join() metódus

<head>
</head>
<body>
<p>Kattints a button gombra.</p>

<button onclick="joinFunction()">Kattints ide!</button>

<h5 id="bemutato"></h5>

<script>
function joinFunction() {
    var Gyumolcs = ["Banán", "Narancs", "Körte"];
    var id = document.getElementById("bemutato");
    id.innerHTML = Gyumolcs.join(", és ");
}
</script>

</body>

Adatok elválasztása, (", és "):

Kattints a button gombra.

<head>
</head>
<body>
<p>Kattints a button gombra.</p>

<button onclick="joinFunction()">Kattints ide!</button>

<h5 id="bemutat"></h5>

<script>

function joinFunction() {
    var Gyumolcs = ["Banán", "Narancs", "Körte"];
    var id = document.getElementById("bemutat");
    id.innerHTML = Gyumolcs.join("<br />");
}

</script>

</body>

Adatok új sorban jelennek meg:

Kattints a button gombra.