In deze zelfstudie leert u met behulp van voorbeelden over JavaScript-array.
Zoals u weet, kan een variabele een enkel element bevatten. Als u meerdere elementen tegelijk moet opslaan, kunt u een array gebruiken.
Een array is een object dat meerdere elementen kan opslaan . Bijvoorbeeld,
const myArray = ('hello', 'world', 'welcome');
Maak een array
U kunt op twee manieren een array maken:
1. Met behulp van een letterlijke array
De eenvoudigste manier om een array te maken, is door een letterlijke array te gebruiken (). Bijvoorbeeld,
const array1 = ("eat", "sleep");
2. Gebruik het nieuwe trefwoord
U kunt ook een array maken met het newtrefwoord van JavaScript .
const array2 = new Array("eat", "sleep");
In beide bovenstaande voorbeelden hebben we een array gemaakt met twee elementen.
Opmerking : het wordt aanbevolen om array literal te gebruiken om een array te maken.
Hier zijn meer voorbeelden van 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);
U kunt ook arrays, functies en andere objecten in een array opslaan. Bijvoorbeeld,
const newData = ( ('task1': 'exercise'), (1, 2 ,3), function hello() ( console.log('hello')) );
Toegang tot elementen van een array
U kunt toegang krijgen tot de elementen in een array met behulp van indices (0, 1, 2…) . Bijvoorbeeld,
const myArray = ('h', 'e', 'l', 'l', 'o'); // first element console.log(myArray(0)); // "h" // second element console.log(myArray(1)); // "e" 
Array-indexering in JavaScript
Opmerking : de index van de array begint met 0, niet met 1.
Voeg een element toe aan een array
U kunt de ingebouwde methode gebruiken push()en unshift()een element aan een array toevoegen.
De push()methode voegt een element toe aan het einde van een array en retourneert de lengte van een nieuwe array. Bijvoorbeeld,
let dailyActivities = ('eat', 'sleep'); // add an element at the end of the array dailyActivities.push('exercise'); console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
De unshift()methode voegt een nieuw element toe aan het begin van een array en retourneert de nieuwe lengte van een array. Bijvoorbeeld,
let dailyActivities = ('eat', 'sleep'); //add an element at the end of the array dailyActivities.unshift('work'); console.log(dailyActivities); // ('work', 'eat', 'sleep', 'exercise'')
Verander de elementen van een array
U kunt ook elementen toevoegen of de elementen wijzigen door naar de indexwaarde te gaan.
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 2 index dailyActivities(2) = 'exercise'; console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
Stel dat een array twee elementen heeft. Als u een element probeert toe te voegen aan index 3 (vierde element), is het derde element ongedefinieerd. Bijvoorbeeld,
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")
Kortom, als u probeert om elementen toe te voegen aan hoge indices, zullen de indices daartussen een ongedefinieerde waarde hebben.
Verwijder een element uit een array
U kunt de pop()methode gebruiken om het laatste element uit een array te verwijderen. De pop()methode retourneert ook de geretourneerde waarde. Bijvoorbeeld,
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')
Als u het eerste element moet verwijderen, kunt u de shift()methode gebruiken. De shift()methode verwijdert het eerste element en retourneert ook het verwijderde element. Bijvoorbeeld,
let dailyActivities = ('work', 'eat', 'sleep'); // remove the first element dailyActivities.shift(); console.log(dailyActivities); // ('eat', 'sleep')
Array lengte
U kunt de lengte van een element (het aantal elementen in een array) vinden met behulp van de lengtheigenschap. Bijvoorbeeld,
const dailyActivities = ( 'eat', 'sleep'); // this gives the total number of elements in an array console.log(dailyActivities.length); // 2
Array-methoden
In JavaScript zijn er verschillende arraymethoden beschikbaar die het gemakkelijker maken om nuttige berekeningen uit te voeren.
Enkele van de meest gebruikte JavaScript-array-methoden zijn:
| Methode | Omschrijving |
|---|---|
| concat () | voegt twee of meer arrays samen en retourneert een resultaat |
| index van() | zoekt een element van een array en geeft zijn positie terug |
| vind() | geeft de eerste waarde terug van een array-element dat slaagt voor een test |
| findIndex () | geeft de eerste index terug van een array-element dat slaagt voor een test |
| voor elke () | roept een functie voor elk element aan |
| omvat () | controleert of een array een gespecificeerd element bevat |
| Duwen() | aad een nieuw element aan het einde van een array en retourneert de nieuwe lengte van een array |
| onverschuiving () | 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.
Aangezien arrays objecten zijn, worden de array-elementen door middel van verwijzing opgeslagen. Dus als een matrixwaarde wordt gekopieerd, wordt elke wijziging in de gekopieerde matrix ook weerspiegeld in de oorspronkelijke matrix. Bijvoorbeeld,
let arr = ('h', 'e'); let arr1 = arr; arr1.push('l'); console.log(arr); // ("h", "e", "l") console.log(arr1); // ("h", "e", "l")
U kunt ook waarden opslaan door een benoemde sleutel in een array door te geven. Bijvoorbeeld,
let arr = ('h', 'e'); arr.name = 'John'; console.log(arr); // ("h", "e") console.log(arr.name); // "John" console.log(arr('name')); // "John" 
Array-indexering in JavaScript
Het wordt echter niet aanbevolen om waarden op te slaan door willekeurige namen in een array door te geven.
Daarom moet u in JavaScript een array gebruiken als de waarden zich in een geordende verzameling bevinden. Anders is het beter om object te gebruiken ( ).
Aanbevolen artikelen
- JavaScript voor elk
- JavaScript voor… van
- JavaScript Multidimensionale Array
