V tej vadnici boste s pomočjo primerov spoznali matriko JavaScript.
Kot veste, lahko spremenljivka shrani en element. Če morate hkrati shraniti več elementov, lahko uporabite matriko.
Matrika je objekt, ki lahko shrani več elementov . Na primer
const myArray = ('hello', 'world', 'welcome');
Ustvari matriko
Polje lahko ustvarite na dva načina:
1. Uporaba dobesednega polja
Polje je najlažje ustvariti z uporabo dobesednega polja ()
. Na primer
const array1 = ("eat", "sleep");
2. Uporaba nove ključne besede
Polje lahko ustvarite tudi z uporabo new
ključne besede JavaScript .
const array2 = new Array("eat", "sleep");
V obeh zgornjih primerih smo ustvarili matriko z dvema elementoma.
Opomba : Priporočljivo je, da za ustvarjanje polja uporabite literal matrike.
Tu je še nekaj primerov nizov:
// 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);
Polja, funkcije in druge predmete lahko shranite tudi znotraj matrike. Na primer
const newData = ( ('task1': 'exercise'), (1, 2 ,3), function hello() ( console.log('hello')) );
Dostop do elementov polja
Do elementov znotraj polja lahko dostopate s pomočjo indeksov (0, 1, 2…) . Na primer
const myArray = ('h', 'e', 'l', 'l', 'o'); // first element console.log(myArray(0)); // "h" // second element console.log(myArray(1)); // "e"
![](https://cdn.wiki-base.com/7339741/javascript_array_with_examples.png.webp)
Opomba : Indeks matrike se začne z 0, ne z 1.
Polju dodajte element
Uporabite lahko vgrajeno metodo push()
in unshift()
element dodate matriki.
push()
Metoda doda element na koncu matrike in vrne dolžino novo paleto. Na primer
let dailyActivities = ('eat', 'sleep'); // add an element at the end of the array dailyActivities.push('exercise'); console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
unshift()
Metoda doda nov element na začetku matrike in vrne novo dolžino matrike. Na primer
let dailyActivities = ('eat', 'sleep'); //add an element at the end of the array dailyActivities.unshift('work'); console.log(dailyActivities); // ('work', 'eat', 'sleep', 'exercise'')
Spremenite elemente polja
Elemente lahko dodate tudi ali spremenite z dostopom do vrednosti 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')
Recimo, da ima matrika dva elementa. Če poskusite dodati element z indeksom 3 (četrti element), bo tretji element nedefiniran. Na primer
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")
V bistvu, če poskušate elemente dodajati visokim indeksom, imajo indeksi vmes nedoločeno vrednost.
Odstranite element iz polja
Z pop()
metodo lahko odstranite zadnji element iz polja. pop()
Metoda vrne tudi vrne vrednost. Na primer
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')
Če morate odstraniti prvi element, lahko uporabite shift()
metodo. shift()
Metoda odstrani prvi element in tudi vrne odstranjene element. Na primer
let dailyActivities = ('work', 'eat', 'sleep'); // remove the first element dailyActivities.shift(); console.log(dailyActivities); // ('eat', 'sleep')
Dolžina polja
Dolžino elementa (število elementov v matriki) lahko poiščete z uporabo length
lastnosti. Na primer
const dailyActivities = ( 'eat', 'sleep'); // this gives the total number of elements in an array console.log(dailyActivities.length); // 2
Metode matrike
V JavaScript so na voljo različne metode nizov, ki olajšajo uporabne izračune.
Nekatere najpogosteje uporabljene metode nizov JavaScript so:
Metoda | Opis |
---|---|
concat () | združi dva ali več nizov in vrne rezultat |
indeks() | išče element polja in vrne njegov položaj |
najti() | vrne prvo vrednost elementa matrike, ki opravi preizkus |
findIndex () | vrne prvi indeks elementa polja, ki opravi preizkus |
za vsakogar() | pokliče funkcijo za vsak element |
vključuje () | preveri, ali matrika vsebuje določen element |
push () | doda nov element na konec polja in vrne novo dolžino polja |
premik () | 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.
Ker so nizi objekti, se elementi matrike shranijo po sklicu. Ko se vrednost vrednosti matrike kopira, se bo vsaka sprememba v kopirani matriki odražala tudi v prvotni matriki. Na primer
let arr = ('h', 'e'); let arr1 = arr; arr1.push('l'); console.log(arr); // ("h", "e", "l") console.log(arr1); // ("h", "e", "l")
Vrednosti lahko shranite tudi tako, da v matriko posredujete imenovani ključ. Na primer
let arr = ('h', 'e'); arr.name = 'John'; console.log(arr); // ("h", "e") console.log(arr.name); // "John" console.log(arr('name')); // "John"
![](https://cdn.wiki-base.com/7339741/javascript_array_with_examples_2.png.webp)
Vendar ni priporočljivo, da vrednosti shranjujete tako, da v matriko posredujete poljubna imena.
Zato bi morali v JavaScript uporabiti matriko, če so vrednosti v urejeni zbirki. V nasprotnem primeru je bolje uporabiti objekt z ( )
.
Priporočeni članki
- JavaScript forEach
- JavaScript za… od
- Večdimenzionalno polje JavaScript