I denne veiledningen vil du lære om JavaScript-array ved hjelp av eksempler.
Som du vet, kan en variabel lagre et enkelt element. Hvis du trenger å lagre flere elementer samtidig, kan du bruke en matrise.
En matrise er et objekt som kan lagre flere elementer . For eksempel,
const myArray = ('hello', 'world', 'welcome');
Lag en matrise
Du kan opprette en matrise på to måter:
1. Bruke en rekke bokstavelig
Den enkleste måten å lage en matrise på er å bruke en bokstavelig bokstav (). For eksempel,
const array1 = ("eat", "sleep");
2. Bruke det nye nøkkelordet
Du kan også opprette en matrise ved hjelp av JavaScript- newnøkkelordet.
const array2 = new Array("eat", "sleep");
I begge eksemplene ovenfor har vi opprettet en matrise med to elementer.
Merk : Det anbefales å bruke array literal for å lage en array.
Her er flere eksempler på matriser:
// 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);
Du kan også lagre matriser, funksjoner og andre objekter i en matrise. For eksempel,
const newData = ( ('task1': 'exercise'), (1, 2 ,3), function hello() ( console.log('hello')) );
Få tilgang til elementer i en matrise
Du kan få tilgang til elementene i en matrise ved hjelp av indekser (0, 1, 2 …) . For eksempel,
const myArray = ('h', 'e', 'l', 'l', 'o'); // first element console.log(myArray(0)); // "h" // second element console.log(myArray(1)); // "e" 
Arrayindeksering i JavaScript
Merk : Arrays indeks begynner med 0, ikke 1.
Legg til et element i en matrise
Du kan bruke den innebygde metoden push()og unshift()legge til et element i en matrise.
Den push()fremgangsmåten tilsetter en element ved enden av en matrise og returnerer lengden av en ny matrise. For eksempel,
let dailyActivities = ('eat', 'sleep'); // add an element at the end of the array dailyActivities.push('exercise'); console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
Den unshift()fremgangsmåten tilsetter en ny element til begynnelsen av en matrise og returnerer den nye lengden av en matrise. For eksempel,
let dailyActivities = ('eat', 'sleep'); //add an element at the end of the array dailyActivities.unshift('work'); console.log(dailyActivities); // ('work', 'eat', 'sleep', 'exercise'')
Endre elementene i en matrise
Du kan også legge til elementer eller endre elementene ved å gå til indeksverdien.
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 2 index dailyActivities(2) = 'exercise'; console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
Anta at en matrise har to elementer. Hvis du prøver å legge til et element i indeks 3 (fjerde element), vil det tredje elementet være udefinert. For eksempel,
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")
I utgangspunktet, hvis du prøver å legge til elementer til høye indekser, vil indeksene i mellom ha udefinert verdi.
Fjern et element fra en matrise
Du kan bruke pop()metoden for å fjerne det siste elementet fra en matrise. Den pop()metoden returnerer også den returnerte verdi. For eksempel,
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')
Hvis du trenger å fjerne det første elementet, kan du bruke shift()metoden. Den shift()metoden fjerner det første element og returnerer også den fjernede element. For eksempel,
let dailyActivities = ('work', 'eat', 'sleep'); // remove the first element dailyActivities.shift(); console.log(dailyActivities); // ('eat', 'sleep')
Array lengde
Du kan finne lengden på et element (antall elementer i en matrise) ved hjelp av lengthegenskapen. For eksempel,
const dailyActivities = ( 'eat', 'sleep'); // this gives the total number of elements in an array console.log(dailyActivities.length); // 2
Array Methods
I JavaScript er det forskjellige matrismetoder tilgjengelig som gjør det lettere å utføre nyttige beregninger.
Noen av de vanligste JavaScript-matrisemetodene er:
| Metode | Beskrivelse |
|---|---|
| concat () | blir med i to eller flere matriser og returnerer et resultat |
| oversikt over() | søker i et element i en matrise og returnerer sin posisjon |
| finne() | returnerer den første verdien av et matriseelement som består en test |
| findIndex () | returnerer den første indeksen til et matriseelement som består en test |
| for hver() | kaller en funksjon for hvert element |
| inkluderer () | sjekker om en matrise inneholder et spesifisert element |
| trykk() | legger til et nytt element til slutten av en matrise og returnerer den nye lengden på en matrise |
| skifte () | 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.
Siden matriser er objekter, lagres matriseelementene som referanse. Derfor, når en matriseverdi kopieres, vil enhver endring i den kopierte matrisen også gjenspeile i den opprinnelige matrisen. For eksempel,
let arr = ('h', 'e'); let arr1 = arr; arr1.push('l'); console.log(arr); // ("h", "e", "l") console.log(arr1); // ("h", "e", "l")
Du kan også lagre verdier ved å sende en navngitt nøkkel i en matrise. For eksempel,
let arr = ('h', 'e'); arr.name = 'John'; console.log(arr); // ("h", "e") console.log(arr.name); // "John" console.log(arr('name')); // "John" 
Arrayindeksering i JavaScript
Det anbefales imidlertid ikke å lagre verdier ved å sende vilkårlige navn i en matrise.
Derfor bør du bruke JavaScript i JavaScript hvis verdiene er i ordnet samling. Ellers er det bedre å bruke objekt med ( ).
Anbefalte artikler
- JavaScript for hver
- JavaScript for … av
- JavaScript flerdimensjonalt array
