Introduksjon til Arrays i JavaScript
Som vi vet, kan objekter lagre tastede verdisamlinger. Men noen ganger trenger vi en bestilt samling, der vi må lagre 1., 2., 3. element og mange flere. Tenk for eksempel at vi må lagre en liste over noe: brukernes data, varedata og mange flere. Det er ikke aktuelt å bruke et objekt her, fordi det ikke gir noen metoder for å administrere rekkefølgen på elementer. Gjenstander er ikke opprettet for slik bruk. Det finnes en spesiell datastruktur kalt Array, for å lagre bestilte samlinger. Arrays i JavaScript gjør det mulig å lagre flere verdier i en enkelt variabel. Den lagrer samme type elementsamling sekvensiell fast størrelse.
Arrays i JavaScript brukes til å lagre et informasjonssett, men det er ofte mer nyttig for å lagre et sett med variabler av samme type. En matrise er en enkelt variabel i JavaScript som brukes til å lagre forskjellige elementer. Når vi ønsker å lagre en liste over elementer og få tilgang til dem gjennom en enkelt variabel, blir den ofte brukt. I motsetning til mange andre språk der en matrise er en forskjellige variabelreferanse, er det en enkelt variabel i JavaScript-arrayen som lagrer forskjellige elementer. Objektet Arrays i JavaScript er et globalt objekt som brukes i array building; som er høynivå, listelignende objekter.
Hvordan fungerer matrisen i JavaScript?
Arrays i JavaScript er en måte å lagre elementer i en enkelt variabel i minnet. Med indeksen kan elementene nås i matrisen. Arrayindeksen starter med 0. Javascript-matriser er nullbaserte, noe som betyr at det første elementindekset er 0. Dette er veldig viktig fordi det betyr at en forskyvning av en enhet alltid vil eksistere: det første elementet vil ha en indeks på 0, og det andre elementet vil ha en indeks på 1, og så videre.
Hvordan lage matriser i JavaScript (eksempel)?
Objektet Array lar deg lagre forskjellige verdier i en variabel. Den lagrer en sekvensiell samling i fast størrelse med samme type elementer. En matrise brukes til å lagre et samlingssett, men det er ofte mer nyttig å betrakte en matrise som et sett med samme type variabler. Den bokstavelige notasjonsarrayen gjør det enkelt å lage matriser i JavaScript. Den består av to firkantede parenteser som pakker valgfrie, komma-separerte arrayelementer. Antall, streng, boolesk, null, udefinert, objekt, funksjon, vanlig uttrykk og andre strukturer kan være alle typer arrayelementer.
Matrisen kan opprettes i JavaScript som angitt nedenfor
var country = ("India", "England", "Srilanka");
I skapelsen ovenfor initialiserer du en matrise, og den er opprettet med verdier "India", "England" og "Srilanka". Indeksen for "India", "England" og "Srilanka" er henholdsvis 0, 1 og 2. Du kan legge til ekstra elementer i landfeltet, så kan du gjø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;
Produksjon
Typer matriser i JavaScript (Forklar hver type med eksempel)
Nedenfor er de forskjellige typene av matriser i javascript som følger:
-
Array Literal
Arrayen kan opprettes med en matrise bokstavelig ved å bruke syntaks nedenfor
var arrayname=(value1, value2…..valuen);
Tenk på det enkle eksemplet på å lage en matrise i JavaScript ved å bruke 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) + "
");
)
Utgang :
-
Array Direkte
Arrayen kan opprettes med matrise direkte ved å bruke det nye nøkkelordet som vist nedenfor i syntaksen
var arrayname=new Array();
Nedenfor et eksempel på å lage en matrise i JavaScript ved å bruke Array Direct med hjelp av det nye søkeordet
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) + "
");
)
Utgang :
-
Array Constructor
Array-forekomsten kan opprettes ved å sende argumenter i en konstruktør. Følgende eksempel oppretter en matrise i JavaScript ved å bruke Array Constructor ved hjelp av det nye søkeordet
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) + "
");
)
Produksjon
Forklar matemetoder i JavaScript
Nedenfor er array-metodene i JavaScript som følger
1. concat () -metoden
Du kan opprette en ny matrise med en kombinasjon av to eller flere matriser ved hjelp av concat () -metoden.
syntax
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 );
Produksjon
2. hver ()
hver () -metode sjekker om gitte elementer er sanne eller usanne i en matrise som angitt i tilstanden. Den returnerer sann hvis tilstand samsvarer med gitt tilstand ellers returnerer usann
syntax
Array.every(callback, thisArg)
Hvor tilbakeringing er en betingelse for å teste funksjonen og thisArg er en valgfri parameter som brukes når du utfører tilbakeringingen.
Eksempel
JavaScript Array Method
var vals=(150, 400, 450, 375, 200);
function check_num(value)
(
return value>100;
)
document.writeln(vals.every(check_num));
Produksjon
3. fyll ()
Fyllingsmetoden brukes til å fylle de spesifiserte statiske verdiene ved å endre opprinnelige verdier i den gitte matrisen.
syntax
array.fill(value)
Eksempel
JavaScript Array Method
var my_array=("England", "Australia", "India");
var array_result=my_array.fill("EDUCBA");
document.writeln(my_array);
Produksjon
4. filter ()
Metoden filter () brukes til å filtrere arrayelementene basert på den gitte tilstanden.
syntax
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));
Produksjon
5. for hver ()
Metoden forEach () brukes for å påkalle funksjonen for hvert arrayelement.
syntax
array.forEach(callback, thisArg)
Eksempel
JavaScript Array Method
var my_array = ('India', 'Srilanka', 'England');
my_array.forEach(function(fetch) (
document.writeln(fetch);
));
Produksjon
6. inkluderer ()
Metoden inkluderer () brukes for å sjekke om det gitte elementet er inkludert i matrisen eller ikke. Hvis elementet er inkludert i en matrise, returnerer det sant ellers returnerer det usant.
syntax
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);
Produksjon
7. bli med ()
Sammenføyningsmetoden () brukes til å kombinere matriseelementene i strengen og gir en ny streng.
syntax
array.join(separator)
Eksempel
JavaScript Array Method
var my_array=('India', 'Srilanka', 'England') var array_result=my_array.join('-')
document.write(array_result);
Produksjon
8. pop ()
Pop () -metoden brukes til å trekke ut det siste elementet i den gitte matrisen.
syntax
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);
Produksjon
9. trykk ()
Push-metoden brukes til å legge elementet til slutten av matrisen.
syntax
array.push()
Eksempel
JavaScript Array Method
var my_array=("England", "Australia", "India");
my_array.push("Srilanka");
document.writeln(my_array);
Produksjon
10. omvendt ()
Den omvendte () -metoden brukes til å reversere sekvensen til den gitte rekke elementer. Det siste elementet blir det første og det første elementet vil bli det siste.
syntax
array.reverse()
Eksempel
JavaScript Array Method
var my_array=("England", "Australia", "India");
var reverse_val=arr.reverse();
document.writeln(reverse_val);
Produksjon
11. skift ()
Skift () -metoden brukes til å returnere det første elementet i en matrise.
syntax
array.shift()
Eksempel
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.shift();
document.writeln(array_result);
Produksjon
12. skive ()
Slice () -metoden brukes til å vise en del av de gitte arrayelementene uten å endre den opprinnelige arrayen.
syntax
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);
Produksjon
13. sorter ()
Sorteringsmetoden brukes til å vise arrayelementene i stigende rekkefølge.
syntax
array.sort()
Eksempel
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.sort();
document.writeln(array_result);
Produksjon
14. unshift ()
Unshift () -metoden brukes til å legge til elementer i begynnelsen av matrisen.
syntax
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);
Produksjon
15. indeksOf ()
Metoden indexOf () brukes til å søke etter posisjonen til et element i en gitt gruppe.
syntax
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);
Produksjon
Konklusjon
Som diskutert til nå, er en matrise en spesiell type objekt for lagring og administrasjon av dataelementer. En matrise er et objekt som gir en gruppe elementer og er nyttig for lagring av en stor mengde data av samme type. Egenskaper og metoder for arrayobjekter hjelper utviklere å håndtere matriser enkelt. Som et globalt objekt kan JavaScript Array brukes i konstruksjon av matriser som er høyt nivå.
Anbefalt artikkel
Dette har vært en guide til Arrays i JavaScript. Her diskuterer vi de forskjellige typene og metodene for matriser sammen med Eksempel. Du kan også gå gjennom våre andre foreslåtte artikler for å lære mer
- JavaScript-verktøy
- JavaScript-matematikkfunksjoner
- Beste Javascript-rammer
- Bruk av JavaScript
- Arrays i PHP