Inleiding tot arrays in JavaScript

Zoals we weten, kunnen objecten sleutelverzamelde verzamelingen van waarden opslaan. Maar soms hebben we een geordende verzameling nodig, waar we het 1e, 2e, 3e element en nog veel meer moeten opslaan. Overweeg bijvoorbeeld dat we een lijst van iets moeten opslaan: gebruikersgegevens, goederengegevens en nog veel meer. Het is niet gepast om hier een object te gebruiken, omdat het geen methoden biedt om de volgorde van elementen te beheren. Objecten worden niet gemaakt voor dergelijk gebruik. Er bestaat een speciale gegevensstructuur met de naam Array om geordende collecties op te slaan. Met arrays in JavaScript kunnen meerdere waarden worden opgeslagen in één variabele. Het slaat hetzelfde soort elementenverzameling op opeenvolgende vaste grootte op.

Arrays in JavaScript worden gebruikt om een ​​informatieset op te slaan, maar het is vaak nuttiger voor het opslaan van een set variabelen van hetzelfde type. Een array is een enkele variabele in JavaScript die wordt gebruikt om verschillende elementen op te slaan. Wanneer we een lijst met elementen willen opslaan en er toegang toe hebben via een enkele variabele, wordt deze vaak gebruikt. In tegenstelling tot veel andere talen waarin een array een verwijzing naar een variabele is, is er in de JavaScript-array een variabele die verschillende elementen opslaat. Het object Arrays in JavaScript is een globaal object dat wordt gebruikt bij het maken van arrays; dat zijn op een hoog niveau lijkende objecten.

Hoe werkt de array in JavaScript?

Arrays in JavaScript zijn een manier om elementen op te slaan in een enkele variabele in het geheugen. Door zijn index zijn de elementen toegankelijk in de array. De array-index begint met 0. Javascript-arrays zijn gebaseerd op nul, wat betekent dat de eerste elementindex 0 is. Dit is erg belangrijk omdat dit betekent dat er altijd een offset van één eenheid bestaat: het eerste element heeft een index van 0, en het tweede element heeft een index van 1, enzovoort.

Hoe arrays te maken in JavaScript (voorbeeld)?

Met het object Array kunt u verschillende waarden opslaan in één variabele. Het slaat een opeenvolgende verzameling van vaste grootte op van hetzelfde type elementen. Een array wordt gebruikt om een ​​verzamelingsset op te slaan, maar het is vaak nuttiger om een ​​array als een set van hetzelfde type variabelen te beschouwen. De array met letterlijke notaties maakt het eenvoudig om arrays in JavaScript te maken. Het bestaat uit twee vierkante haken die optionele, door komma's gescheiden array-elementen omwikkelen. Getal, string, boolean, null, undefined, object, functie, reguliere expressie en andere structuren kunnen elk type array-elementen zijn.

De array kan in JavaScript worden gemaakt, zoals hieronder wordt weergegeven

var country = ("India", "England", "Srilanka");

In de bovenstaande creatie initialiseert u een array en deze is gemaakt met de waarden "India", "Engeland" en "Srilanka". De index van 'India', 'Engeland' en 'Srilanka' is respectievelijk 0, 1 en 2. U kunt extra elementen toevoegen aan de landenreeks, dan kunt u dit doen zoals hieronder getoond

country(3) = "New Zealand";
country(4) = "Australia"
var country = new Array("India", "England", "Srilanka");
OR
var country = new Array();
country(0) = "India";
country(1) = "England";
country(2) = "Srilanka";

Voorbeeld


JavaScript Creating Array


var my_array=("England", "Australia", "India");
document.getElementById("myarray").innerHTML = my_array;

uitgang

Typen arrays in JavaScript (leg elk type uit met een voorbeeld)

Hieronder staan ​​de verschillende soorten arrays in JavaScript als volgt:

  • Matrix letterlijk

De array kan worden gemaakt met een array-array door de onderstaande syntaxis te gebruiken

var arrayname=(value1, value2…..valuen);

Overweeg het eenvoudige voorbeeld van het maken van een array in JavaScript met behulp van Array Literal


Array Literal

var country=("India", "Australia", "England");
for (i=0;i document.write(country(i) + "
");
)
Array Literal

var country=("India", "Australia", "England");
for (i=0;i document.write(country(i) + "
");
)

Uitgang :

  • Matrix rechtstreeks

De array kan rechtstreeks met array worden gemaakt met behulp van het nieuwe trefwoord, zoals hieronder in de syntaxis weergegeven

var arrayname=new Array();

Hieronder een voorbeeld van het maken van een array in JavaScript met behulp van Array Directly met behulp van het nieuwe trefwoord


Array Directly

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(emp(num) + "
");
)
Array Directly

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(emp(num) + "
");
)

Uitgang :

  • Array Constructor

De arrayinstantie kan worden gemaakt door argumenten door te geven in een constructor. In het volgende voorbeeld wordt een array in JavaScript gemaakt met behulp van Array Constructor met behulp van het nieuwe trefwoord


Array Constructor

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(country(num) + "
");
)
Array Constructor

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(country(num) + "
");
)

uitgang

Leg array-methoden uit in JavaScript

Hieronder staan ​​de matrixmethoden in JavaScript als volgt

1. concat () methode

U kunt een nieuwe array maken met een combinatie van twee of meer arrays met behulp van de methode concat ().

Syntaxis

array.concat(val1, val2, …, valN);

Voorbeeld


JavaScript Array Method

var chars = ("A", "B", "C");
var num = (10, 20, 30);
var concat_res = chars.concat(num);
document.write("Concatenated Result : " + concat_res );

uitgang

2. elke ()

elke () methode controleert of gegeven elementen waar of onwaar zijn in een array zoals voorzien in de voorwaarde. Het geeft true terug als de voorwaarde overeenkomt met de gegeven voorwaarde, anders wordt false geretourneerd.

Syntaxis

Array.every(callback, thisArg)

Waar callback een voorwaarde is om de functie te testen en thisArg een optionele parameter is die wordt gebruikt bij het uitvoeren van de callback.

Voorbeeld


JavaScript Array Method

var vals=(150, 400, 450, 375, 200);
function check_num(value)
(
return value>100;
)
document.writeln(vals.every(check_num));

uitgang

3. vullen ()

De methode fill () wordt gebruikt om de opgegeven statische waarden te vullen door de oorspronkelijke waarden in de gegeven array te wijzigen.

Syntaxis

array.fill(value)

Voorbeeld


JavaScript Array Method

var my_array=("England", "Australia", "India");
var array_result=my_array.fill("EDUCBA");
document.writeln(my_array);

uitgang

4. filter ()

De methode filter () wordt gebruikt om de matrixelementen te filteren op basis van de gegeven voorwaarde.

Syntaxis

array.filter(callback, thisArg)

Voorbeeld


JavaScript Array Method

var vals=(150, 200, 345, 375, 125);
function check_num(value)
(
return value>150;
)document.writeln(vals.filter(check_num));

uitgang

5. voor elk ()

De methode forEach () wordt gebruikt om de functie voor elk arrayelement aan te roepen.

Syntaxis

array.forEach(callback, thisArg)

Voorbeeld


JavaScript Array Method

var my_array = ('India', 'Srilanka', 'England');
my_array.forEach(function(fetch) (
document.writeln(fetch);
));

uitgang

6. omvat ()

De methode include () wordt gebruikt om te controleren of het gegeven element al dan niet in de array is opgenomen. Als het element in een array is opgenomen, retourneert het true, anders wordt false geretourneerd.

Syntaxis

array.includes(element) //where “element” is a value which is to be searched in the array

Voorbeeld


JavaScript Array Method

var my_array=("Sachin", "Dhoni", "Kohli", "Rohit", "Dhawan") var array_result=my_array.includes("Sachin");
document.writeln(array_result);

uitgang

7. join ()

De methode join () wordt gebruikt om de array-elementen te combineren in de tekenreeks en biedt een nieuwe tekenreeks.

Syntaxis

array.join(separator)

Voorbeeld


JavaScript Array Method

var my_array=('India', 'Srilanka', 'England') var array_result=my_array.join('-')
document.write(array_result);

uitgang

8. pop ()

De pop () -methode wordt gebruikt om het laatste element van de gegeven array te extraheren.

Syntaxis

array.pop(operator)

Voorbeeld


JavaScript Array Method

var my_array=("England", "Australia", "India");
document.writeln("Real array elements: "+my_array+"
");
document.writeln("Extracted element of array: "+my_array.pop()+"
");
document.writeln("Remaining elements of array: "+ my_array);

uitgang

9. druk op ()

De methode push () wordt gebruikt om het element aan het einde van de array toe te voegen.

Syntaxis

array.push()

Voorbeeld


JavaScript Array Method

var my_array=("England", "Australia", "India");
my_array.push("Srilanka");
document.writeln(my_array);

uitgang

10. achteruit ()

De methode reverse () wordt gebruikt om de volgorde van de gegeven reeks elementen om te keren. Het laatste element wordt het eerste en het eerste element wordt het laatste.

Syntaxis

array.reverse()

Voorbeeld


JavaScript Array Method

var my_array=("England", "Australia", "India");
var reverse_val=arr.reverse();
document.writeln(reverse_val);

uitgang

11. shift ()

De methode shift () wordt gebruikt om het eerste element van een array te retourneren.

Syntaxis

array.shift()

Voorbeeld


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.shift();
document.writeln(array_result);

uitgang

12. segment ()

De methode slice () wordt gebruikt om een ​​deel van de gegeven arrayelementen weer te geven zonder de oorspronkelijke array te wijzigen.

Syntaxis

array.slice(start, end)

Voorbeeld


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.slice(2, 3);
document.writeln(array_result);

uitgang

13. sorteren ()

De methode sort () wordt gebruikt om de array-elementen in oplopende volgorde weer te geven.

Syntaxis

array.sort()

Voorbeeld


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.sort();
document.writeln(array_result);

uitgang

14. unshift ()

De methode unshift () wordt gebruikt om elementen aan het begin van de array toe te voegen.

Syntaxis

array.unshift(“element”)

Voorbeeld


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.unshift("Kohli");
document.writeln(my_array);

uitgang

15. indexOf ()

De methode indexOf () wordt gebruikt om de positie van een element in een bepaalde array te zoeken.

Syntaxis

array.indexOf(“element”)

Voorbeeld


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.indexOf("Rohit");
document.writeln(array_result);

uitgang

Conclusie

Zoals tot nu toe besproken, is een array een speciaal soort object voor het opslaan en beheren van gegevenselementen. Een array is een object dat een groep elementen biedt en handig is voor het opslaan van een grote hoeveelheid gegevens van hetzelfde type. De eigenschappen en methoden van arrayobjecten helpen ontwikkelaars om eenvoudig met arrays om te gaan. Als een globaal object kan de JavaScript-array worden gebruikt bij de constructie van arrays op hoog niveau.

Aanbevolen artikel

Dit is een gids voor arrays in JavaScript. Hier bespreken we de verschillende soorten en methoden van arrays samen met Voorbeeld. U kunt ook onze andere voorgestelde artikelen doornemen voor meer informatie

  1. JavaScript-hulpmiddelen
  2. JavaScript-wiskundige functies
  3. Beste Javascript Frameworks
  4. Gebruik van JavaScript
  5. Arrays in PHP

Categorie:

Software ontwikkeling