I denne vejledning lærer du om JavaScript-array ved hjælp af eksempler.
Som du ved, kan en variabel gemme et enkelt element. Hvis du har brug for at gemme flere elementer på én gang, kan du bruge en matrix.
Et array er et objekt, der kan gemme flere elementer . For eksempel,
const myArray = ('hello', 'world', 'welcome');
Opret en matrix
Du kan oprette en matrix på to måder:
1. Brug af en række bogstaveligt
Den nemmeste måde at oprette en matrix på er ved hjælp af en matrix bogstavelig (). For eksempel,
const array1 = ("eat", "sleep");
2. Brug af det nye nøgleord
Du kan også oprette en matrix ved hjælp af JavaScript's newnøgleord.
const array2 = new Array("eat", "sleep");
I begge ovenstående eksempler har vi oprettet en matrix med to elementer.
Bemærk : Det anbefales at bruge array literal til at oprette en array.
Her er flere eksempler på arrays:
// 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å gemme arrays, funktioner og andre objekter i en matrix. For eksempel,
const newData = ( ('task1': 'exercise'), (1, 2 ,3), function hello() ( console.log('hello')) );
Adgang til elementer i en matrix
Du kan få adgang til elementerne inde i en matrix ved hjælp af 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
Bemærk : Arrays indeks starter med 0, ikke 1.
Føj et element til en matrix
Du kan bruge den indbyggede metode push()og unshift()tilføje et element til en matrix.
Den push()fremgangsmåde tilføjer et element ved enden af en matrix og returnerer længden af en ny matrix. 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åde tilføjer et nyt element til begyndelsen af en matrix og returnerer den nye længde af et array. 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'')
Skift elementerne i en matrix
Du kan også tilføje elementer eller ændre elementerne ved at få adgang til indeksværdien.
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 2 index dailyActivities(2) = 'exercise'; console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
Antag, at en matrix har to elementer. Hvis du forsøger at tilføje et element i indeks 3 (fjerde element), bliver det tredje element udefineret. 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")
Dybest set, hvis du forsøger at tilføje elementer til høje indekser, vil indekserne imellem have udefineret værdi.
Fjern et element fra en matrix
Du kan bruge pop()metoden til at fjerne det sidste element fra en matrix. Den pop()returnerer metoden også den returnerede værdi. 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 har brug for at fjerne det første element, kan du bruge shift()metoden. Den shift()metode fjerner det første element og returnerer også det fjernede element. For eksempel,
let dailyActivities = ('work', 'eat', 'sleep'); // remove the first element dailyActivities.shift(); console.log(dailyActivities); // ('eat', 'sleep')
Array længde
Du kan finde længden på et element (antallet af elementer i en matrix) ved hjælp af lengthegenskaben. For eksempel,
const dailyActivities = ( 'eat', 'sleep'); // this gives the total number of elements in an array console.log(dailyActivities.length); // 2
Arraymetoder
I JavaScript er der forskellige matrixmetoder tilgængelige, der gør det lettere at udføre nyttige beregninger.
Nogle af de ofte anvendte JavaScript-array-metoder er:
| Metode | Beskrivelse |
|---|---|
| concat () | slutter sig til to eller flere arrays og returnerer et resultat |
| indeks af() | søger i et element i et array og returnerer dets position |
| Find() | returnerer den første værdi af et matrixelement, der består en test |
| findIndex () | returnerer det første indeks for et array-element, der består en test |
| for hver() | kalder en funktion for hvert element |
| inkluderer () | kontrollerer, om en matrix indeholder et specificeret element |
| skubbe() | aads et nyt element til slutningen af en array og returnerer den nye længde af en array |
| skift () | 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.
Da arrays er objekter, gemmes arrayelementerne som reference. Derfor, når en matrixværdi kopieres, reflekteres enhver ændring i den kopierede matrix også i den oprindelige matrix. 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å gemme værdier ved at sende en navngivet nøgle i en matrix. 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 dog ikke at gemme værdier ved at videregive vilkårlige navne i en matrix.
Derfor skal du bruge JavaScript i JavaScript, hvis værdierne er i ordnet samling. Ellers er det bedre at bruge objekt med ( ).
Anbefalede artikler
- JavaScript til hver
- JavaScript til … af
- JavaScript flerdimensionelt array
