Introduktion til Arrays i JavaScript
Som vi ved, tillader objekter os at gemme indtastede værdiersamlinger. Men nogle gange har vi brug for en bestilt samling, hvor vi skal gemme 1., 2., 3. element og mange flere. Overvej for eksempel, at vi er nødt til at gemme en liste over noget: brugernes data, varedata og mange flere. Det er ikke passende at bruge et objekt her, fordi det ikke giver nogen metoder til at styre rækkefølgen af elementer. Objekter oprettes ikke til sådan brug. Der findes en speciel datastruktur kaldet Array til at gemme bestilte samlinger. Arrays i JavaScript gør det muligt at gemme flere værdier i en enkelt variabel. Det gemmer den samme type elementsamling sekventiel fast størrelse.
Arrays i JavaScript bruges til at gemme et informationssæt, men det er ofte mere nyttigt at gemme et sæt af variabler af samme type. En matrix er en enkelt variabel i JavaScript, der bruges til at gemme forskellige elementer. Når vi vil gemme en liste over elementer og få adgang til dem gennem en enkelt variabel, bruges den ofte. I modsætning til mange andre sprog, hvor en matrix er en forskellig variabelreference, er der en enkelt variabel i JavaScript-arrayen, der gemmer forskellige elementer. Objektet Arrays i JavaScript er et globalt objekt, der bruges i array-bygning; som er objekter på højt niveau.
Hvordan fungerer matrixen i JavaScript?
Arrays i JavaScript er en måde at gemme elementer i en enkelt variabel i hukommelsen. Ved hjælp af dets indeks kan man få adgang til elementerne i matrixen. Array-indekset starter med 0. Javascript-arrays er nulbaserede, hvilket betyder, at det første elementindeks er 0. Dette er meget vigtigt, fordi det betyder, at der altid vil være en forskydning af en enhed: det første element har et indeks på 0, og det andet element har et indeks på 1 osv.
Hvordan oprettes arrays i JavaScript (eksempel)?
Objektet Array giver dig mulighed for at gemme forskellige værdier i en variabel. Den gemmer en sekventiel samling i fast størrelse med samme type elementer. En matrix bruges til at gemme et samlingssæt, men det er ofte mere nyttigt at betragte en matrix som et sæt af samme type variabler. Den bogstavelige notationsopstilling gør det enkelt at oprette arrays i JavaScript. Det består af to firkantede konsoller, der indpakker valgfri, komma-adskilte arrayelementer. Nummer, streng, boolsk, null, udefineret, objekt, funktion, regelmæssig ekspression og andre strukturer kan være enhver type arrayelementer.
Arrayet kan oprettes i JavaScript som angivet nedenfor
var country = ("India", "England", "Srilanka");
I ovenstående oprettelse initialiserer du en matrix, og den er oprettet med værdier "Indien", "England" og "Srilanka". Indekset for "Indien", "England" og "Srilanka" er henholdsvis 0, 1 og 2. Du kan tilføje ekstra elementer til landfanen, så kan du gøre det som vist nedenfor
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";
Eksempel
JavaScript Creating Array
var my_array=("England", "Australia", "India");
document.getElementById("myarray").innerHTML = my_array;
Produktion
Typer arrays i JavaScript (Forklar hver type med eksempel)
Nedenfor er de forskellige typer arrays i javascript som følger:
-
Array Literal
Arrayet kan oprettes med en matrix bogstavelig ved hjælp af syntaks nedenfor
var arrayname=(value1, value2…..valuen);
Overvej det enkle eksempel på at oprette en matrix i JavaScript ved at bruge 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) + "
");
)
Output :
-
Array direkte
Arrayet kan oprettes med array direkte ved hjælp af det nye nøgleord som vist nedenfor i syntaks
var arrayname=new Array();
Nedenfor et eksempel på at oprette en matrix i JavaScript ved at bruge Array Direct med hjælp fra det nye søgeord
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) + "
");
)
Output :
-
Array Constructor
Array-forekomsten kan oprettes ved at videregive argumenter i en konstruktør. Følgende eksempel opretter en matrix i JavaScript ved at bruge Array Constructor ved hjælp af det nye søgeord
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) + "
");
)
Produktion
Forklar arraymetoder i JavaScript
Nedenfor er array-metoderne i JavaScript som følger
1. concat () -metode
Du kan oprette en ny matrix med en kombination af to eller flere arrays ved hjælp af concat () -metoden.
Syntaks
array.concat(val1, val2, …, valN);
Eksempel
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 );
Produktion
2. hver ()
hver () -metode kontrollerer, om givne elementer er rigtige eller falske i en matrix som angivet i betingelsen. Det returneres sandt, hvis betingelsen matcher den givne betingelse, ellers returnerer falsk.
Syntaks
Array.every(callback, thisArg)
Hvor tilbagekald er en betingelse for at teste funktionen, og thisArg er en valgfri parameter, der bruges, når der udføres tilbagekald.
Eksempel
JavaScript Array Method
var vals=(150, 400, 450, 375, 200);
function check_num(value)
(
return value>100;
)
document.writeln(vals.every(check_num));
Produktion
3. udfyld ()
Metoden fyld () bruges til at udfylde de specificerede statiske værdier ved at ændre originale værdier i den givne matrix.
Syntaks
array.fill(value)
Eksempel
JavaScript Array Method
var my_array=("England", "Australia", "India");
var array_result=my_array.fill("EDUCBA");
document.writeln(my_array);
Produktion
4. filter ()
Metoden filter () bruges til at filtrere matrixelementerne baseret på den givne tilstand.
Syntaks
array.filter(callback, thisArg)
Eksempel
JavaScript Array Method
var vals=(150, 200, 345, 375, 125);
function check_num(value)
(
return value>150;
)document.writeln(vals.filter(check_num));
Produktion
5. forEach ()
Metoden forEach () bruges til at påkalde funktionen for hvert array-element.
Syntaks
array.forEach(callback, thisArg)
Eksempel
JavaScript Array Method
var my_array = ('India', 'Srilanka', 'England');
my_array.forEach(function(fetch) (
document.writeln(fetch);
));
Produktion
6. inkluderer ()
Metoden inkluderer () bruges til at kontrollere, om det givne element er inkluderet i arrayet eller ej. Hvis elementet er inkluderet i en matrix, returnerer det sandt ellers returnerer falsk.
Syntaks
array.includes(element) //where “element” is a value which is to be searched in the array
Eksempel
JavaScript Array Method
var my_array=("Sachin", "Dhoni", "Kohli", "Rohit", "Dhawan") var array_result=my_array.includes("Sachin");
document.writeln(array_result);
Produktion
7. slutte sig til ()
Metoden join () bruges til at kombinere matrixelementer i strengen og giver en ny streng.
Syntaks
array.join(separator)
Eksempel
JavaScript Array Method
var my_array=('India', 'Srilanka', 'England') var array_result=my_array.join('-')
document.write(array_result);
Produktion
8. pop ()
Pop () -metoden bruges til at udtrække det sidste element i den givne matrix.
Syntaks
array.pop(operator)
Eksempel
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);
Produktion
9. skub ()
Tryk () -metoden bruges til at tilføje elementet til slutningen af matrixen.
Syntaks
array.push()
Eksempel
JavaScript Array Method
var my_array=("England", "Australia", "India");
my_array.push("Srilanka");
document.writeln(my_array);
Produktion
10. omvendt ()
Den omvendte () -metode bruges til at vende sekvensen for den givne række elementer. Det sidste element bliver det første, og det første element bliver det sidste.
Syntaks
array.reverse()
Eksempel
JavaScript Array Method
var my_array=("England", "Australia", "India");
var reverse_val=arr.reverse();
document.writeln(reverse_val);
Produktion
11. skift ()
Metoden shift () bruges til at returnere det første element i en matrix.
Syntaks
array.shift()
Eksempel
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.shift();
document.writeln(array_result);
Produktion
12. skive ()
Metoden skive () bruges til at vise en del af de givne arrayelementer uden at ændre den originale array.
Syntaks
array.slice(start, end)
Eksempel
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.slice(2, 3);
document.writeln(array_result);
Produktion
13. sortere ()
Sorteringsmetoden bruges til at vise arrayelementer i stigende rækkefølge.
Syntaks
array.sort()
Eksempel
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.sort();
document.writeln(array_result);
Produktion
14. unshift ()
Metoden unshift () bruges til at tilføje elementer i begyndelsen af matrixen.
Syntaks
array.unshift(“element”)
Eksempel
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.unshift("Kohli");
document.writeln(my_array);
Produktion
15. indeksOf ()
Metoden indexOf () bruges til at søge placeringen af et element i en given matrix.
Syntaks
array.indexOf(“element”)
Eksempel
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.indexOf("Rohit");
document.writeln(array_result);
Produktion
Konklusion
Som diskuteret indtil nu er en matrix en speciel type objekt til lagring og styring af dataelementer. En matrix er et objekt, der giver en gruppe af elementer og nyttigt til at gemme en stor mængde data af samme type. Egenskaber og metoder til arrayobjekter hjælper udviklere med at håndtere arrays let. Som et globalt objekt kan JavaScript Array bruges til konstruktion af arrays, der er på højt niveau.
Anbefalet artikel
Dette har været en guide til Arrays i JavaScript. Her diskuterer vi de forskellige typer og metoder til arrays sammen med Eksempel. Du kan også gennemgå vores andre foreslåede artikler for at lære mere
- JavaScript-værktøjer
- JavaScript-matematikfunktioner
- Bedste Javascript-rammer
- Brug af JavaScript
- Arrays i PHP