U ovom ćete tutorijalu uz primjere naučiti o JavaScript nizu.
Kao što znate, varijabla može pohraniti jedan element. Ako trebate pohraniti više elemenata odjednom, možete koristiti niz.
Niz je objekt koji može pohraniti više elemenata . Na primjer,
const myArray = ('hello', 'world', 'welcome');
Stvorite niz
Niz možete stvoriti na dva načina:
1. Korištenje niza literala
Najlakši način stvaranja niza je upotrebom niza literala (). Na primjer,
const array1 = ("eat", "sleep");
2. Korištenje nove ključne riječi
Također možete stvoriti niz pomoću JavaScript newključne riječi.
const array2 = new Array("eat", "sleep");
U oba gornja primjera stvorili smo niz koji ima dva elementa.
Napomena : Preporučuje se upotreba doslovnog niza za stvaranje niza.
Evo još primjera nizova:
// empty array const myList = ( ); // array containing number values const numberArray = ( 2, 4, 6, 8); // array containing string values const stringArray = ( 'eat', 'work', 'sleep'); // multiple data types array const newData = ('work', 'exercise', 1, true);
Također možete pohraniti nizove, funkcije i druge objekte unutar polja. Na primjer,
const newData = ( ('task1': 'exercise'), (1, 2 ,3), function hello() ( console.log('hello')) );
Pristup elementima niza
Elementima unutar polja možete pristupiti pomoću indeksa (0, 1, 2 …) . Na primjer,
const myArray = ('h', 'e', 'l', 'l', 'o'); // first element console.log(myArray(0)); // "h" // second element console.log(myArray(1)); // "e" 
Indeksiranje niza u JavaScript-u
Napomena : Indeks niza započinje s 0, a ne s 1.
Dodaj element nizu
Možete koristiti ugrađenu metodu push()i unshift()za dodavanje elementa u niz.
push()Metoda dodaje element na kraju polja i vraća duljinu novi niz. Na primjer,
let dailyActivities = ('eat', 'sleep'); // add an element at the end of the array dailyActivities.push('exercise'); console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
unshift()Metoda dodaje novi element u početku polja i vraća novu duljinu niza. Na primjer,
let dailyActivities = ('eat', 'sleep'); //add an element at the end of the array dailyActivities.unshift('work'); console.log(dailyActivities); // ('work', 'eat', 'sleep', 'exercise'')
Promijenite elemente niza
Također možete dodati elemente ili ih promijeniti pristupanjem vrijednosti indeksa.
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 2 index dailyActivities(2) = 'exercise'; console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
Pretpostavimo da niz ima dva elementa. Ako pokušate dodati element s indeksom 3 (četvrti element), treći će element biti nedefiniran. Na primjer,
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 3 index dailyActivities(3) = 'exercise'; console.log(dailyActivities); // ("eat", "sleep", undefined, "exercise")
U osnovi, ako pokušate dodati elemente visokim indeksima, indeksi između imat će nedefiniranu vrijednost.
Uklonite element iz niza
pop()Metodu možete koristiti za uklanjanje posljednjeg elementa iz niza. pop()Metoda vraća vratio vrijednost. Na primjer,
let dailyActivities = ('work', 'eat', 'sleep', 'exercise'); // remove the last element dailyActivities.pop(); console.log(dailyActivities); // ('work', 'eat', 'sleep') // remove the last element from ('work', 'eat', 'sleep') const removedElement = dailyActivities.pop(); //get removed element console.log(removedElement); // 'sleep' console.log(dailyActivities); // ('work', 'eat')
Ako trebate ukloniti prvi element, možete koristiti shift()metodu. shift()Metoda uklanja prvi element i vraća uklonjenog element. Na primjer,
let dailyActivities = ('work', 'eat', 'sleep'); // remove the first element dailyActivities.shift(); console.log(dailyActivities); // ('eat', 'sleep')
Duljina niza
Pomoću lengthsvojstva možete pronaći duljinu elementa (broj elemenata u nizu) . Na primjer,
const dailyActivities = ( 'eat', 'sleep'); // this gives the total number of elements in an array console.log(dailyActivities.length); // 2
Metode niza
U JavaScriptu su dostupne razne metode polja koje olakšavaju izvođenje korisnih izračuna.
Neke od najčešće korištenih metoda niza JavaScript su:
| Metoda | Opis |
|---|---|
| concat () | pridružuje dva ili više polja i vraća rezultat |
| indexOf () | pretražuje element niza i vraća mu položaj |
| pronaći() | vraća prvu vrijednost elementa niza koji prolazi test |
| findIndex () | vraća prvi indeks elementa niza koji prolazi test |
| za svakoga() | poziva funkciju za svaki element |
| uključuje () | provjerava sadrži li niz navedeni element |
| gurnuti() | doda novi element na kraj niza i vrati novu duljinu niza |
| pomakni () | adds a new element to the beginning of an array and returns the new length of an array |
| pop() | removes the last element of an array and returns the removed element |
| shift() | removes the first element of an array and returns the removed element |
| sort() | sorts the elements alphabetically in strings and in ascending order |
| slice() | selects the part of an array and returns the new array |
| splice() | removes or replaces existing elements and/or adds new elements |
Example: JavaScript Array Methods
let dailyActivities = ('sleep', 'work', 'exercise') let newRoutine = ('eat'); // sorting elements in the alphabetical order dailyActivities.sort(); console.log(dailyActivities); // ('exercise', 'sleep', 'work') //finding the index position of string const position = dailyActivities.indexOf('work'); console.log(position); // 2 // slicing the array elements const newDailyActivities = dailyActivities.slice(1); console.log(newDailyActivities); // ( 'sleep', 'work') // concatenating two arrays const routine = dailyActivities.concat(newRoutine); console.log(routine); // ("exercise", "sleep", "work", "eat")
Note: If the element is not in an array, indexOf() gives -1.
Visit JavaScript Array Methods to learn more.
Working of JavaScript Arrays
In JavaScript, an array is an object. And, the indices of arrays are objects keys.
Budući da su nizovi objekti, elementi polja spremaju se referencom. Dakle, kad se vrijednost polja kopira, svaka promjena u kopiranom polju također će se odraziti na izvornom polju. Na primjer,
let arr = ('h', 'e'); let arr1 = arr; arr1.push('l'); console.log(arr); // ("h", "e", "l") console.log(arr1); // ("h", "e", "l")
Također možete pohraniti vrijednosti dodavanjem imenovanog ključa u niz. Na primjer,
let arr = ('h', 'e'); arr.name = 'John'; console.log(arr); // ("h", "e") console.log(arr.name); // "John" console.log(arr('name')); // "John" 
Indeksiranje niza u JavaScript-u
Međutim, ne preporučuje se pohranjivanje vrijednosti prenošenjem proizvoljnih imena u niz.
Stoga biste u JavaScript-u trebali koristiti niz ako su vrijednosti u uređenoj kolekciji. Inače je bolje koristiti objekt s ( ).
Preporučeni članci
- JavaScript za svaki
- JavaScript za … od
- JavaScript višedimenzionalni niz
