JavaScript: Umetanje elemenata u niz

Evo primjera HTML dokumenta koji koristi JavaScript za umetanje elementa u niz koristeći metodu push():

Kloniraj lekciju

U JavaScriptu postoji nekoliko načina za umetanje elemenata u niz (array). Evo najčešće korištenih:

1. Korištenje push()

Dodaje element(e) na kraj niza.

let array = [1, 2, 3];
array.push(4); // Dodaje 4 na kraj niza
console.log(array); // [1, 2, 3, 4]

2. Korištenje unshift()

Dodaje element(e) na početak niza.

let array = [1, 2, 3];
array.unshift(0); // Dodaje 0 na početak niza
console.log(array); // [0, 1, 2, 3]

3. Korištenje splice()

Dodaje element(e) na određenu poziciju.

let array = [1, 2, 3];
array.splice(1, 0, 1.5); // Na indeksu 1 dodaje 1.5 bez brisanja elemenata
console.log(array); // [1, 1.5, 2, 3]

Sintaksa splice:

array.splice(index, brojElemenataZaBrisanje, element1, element2, ...);

4. Dodavanje putem indeksiranja

Možete dodati element na specifičnu poziciju direktno koristeći indeks.

let array = [1, 2, 3];
array[5] = 6; // Dodaje 6 na indeks 5
console.log(array); // [1, 2, 3, undefined, undefined, 6]

Napomena: Ovo može stvoriti “praznine” u nizu.

5. Korištenje concat()

Kreira novi niz spajanjem postojećeg niza s novim elementima.

let array = [1, 2, 3];
let newArray = array.concat(4); // Ne mijenja originalni niz
console.log(newArray); // [1, 2, 3, 4]




Objašnjenje koda s uređivača:

1. HTML dio:
   • Dodan je gumb s ID-jem addElement i paragraf za prikaz niza.
2. JavaScript dio:
   • Kreiran je početni niz myArray.
   • Funkcija displayArray ažurira prikaz niza na stranici.
   • Dodan je click događaj na gumb koji koristi push() za dodavanje novog elementa u niz, a zatim ažurira prikaz.