Introduktion till Arrays i JavaScript
Som vi känner till objekt kan vi lagra nyckelkollektioner med värden. Men ibland behöver vi en beställd kollektion, där vi måste lagra första, andra, tredje elementet och många fler. Tänk till exempel på att vi måste lagra en lista med något: användares data, varedata och många fler. Det är inte lämpligt att använda ett objekt här, eftersom det inte innehåller några metoder för att hantera ordning på element. Objekt skapas inte för sådan användning. Det finns en speciell datastruktur som heter Array för att lagra beställda samlingar. Matriser i JavaScript gör det möjligt att lagra flera värden i en enda variabel. Den lagrar samma typ av elementsamling sekventiell fast storlek.
Matriser i JavaScript används för att lagra en informationsuppsättning, men det är ofta mer användbart för att lagra en uppsättning variabler av samma typ. En matris är en enda variabel i JavaScript som används för att lagra olika element. När vi vill lagra en lista över element och komma åt dem via en enda variabel används den ofta. Till skillnad från många andra språk där en matris är en annan variabelreferens finns det en enda variabel i JavaScript-arrayen som lagrar olika element. Objektet Arrays i JavaScript är ett globalt objekt som används i matrisbyggnad; vilket är hög nivå, listliknande objekt.
Hur fungerar matrisen i JavaScript?
Arrays i JavaScript är ett sätt att lagra element i en enda variabel i minnet. Genom dess index kan elementen nås i matrisen. Arrayindex börjar med 0. Javascript-arrayer är nollbaserade, vilket innebär att det första elementindexet är 0. Detta är mycket viktigt eftersom det betyder att en förskjutning av en enhet alltid kommer att finnas: det första elementet kommer att ha ett index på 0, och det andra elementet kommer att ha ett index på 1, och så vidare.
Hur skapar jag matriser i JavaScript (exempel)?
Objektet Array låter dig lagra olika värden i en variabel. Det lagrar en sekventiell samling i fast storlek med samma typ av element. En matris används för att lagra en samling, men det är ofta mer användbart att betrakta en matris som en uppsättning av samma typ av variabler. Den bokstavliga notationsuppsättningen gör det enkelt att skapa matriser i JavaScript. Den består av två fyrkantiga konsoler som lindar valfria, kommaseparerade matriselement. Antal, sträng, booleska, noll, odefinierade, objekt, funktion, reguljära uttryck och andra strukturer kan vara vilken typ av arrayelement som helst.
Arrayen kan skapas i JavaScript enligt nedan
var country = ("India", "England", "Srilanka");
I ovanstående skapande initialiserar du en matris och den har skapats med värden "Indien", "England" och "Srilanka". Indexet för "Indien", "England" och "Srilanka" är 0, 1 respektive 2. Du kan lägga till extra element i landsfältet, så kan du göra det som visas nedan
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";
Exempel
JavaScript Creating Array
var my_array=("England", "Australia", "India");
document.getElementById("myarray").innerHTML = my_array;
Produktion
Typer av matriser i JavaScript (förklara varje typ med exempel)
Nedan visas de olika typerna av matriser i javascript enligt följande:
-
Array Literal
Arrayen kan skapas med en array letteral med hjälp av syntax nedan
var arrayname=(value1, value2…..valuen);
Tänk på det enkla exemplet på att skapa en matris i JavaScript med hjälp av 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) + "
");
)
Utgång :
-
Array direkt
Arrayen kan skapas med array direkt genom att använda det nya nyckelordet som visas nedan i syntaxen
var arrayname=new Array();
Nedanför ett exempel på att skapa en matris i JavaScript genom att använda Array Direct med hjälp av det nya sökordet
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) + "
");
)
Utgång :
-
Array Constructor
Array-instansen kan skapas genom att skicka argument i en konstruktör. Följande exempel skapar en matris i JavaScript med hjälp av Array Constructor med hjälp av det nya sökordet
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
Förklara matrismetoder i JavaScript
Nedan visas arraymetoderna i JavaScript enligt följande
1. concat () -metod
Du kan skapa en ny matris med en kombination av två eller flera matriser med hjälp av concat () -metoden.
Syntax
array.concat(val1, val2, …, valN);
Exempel
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. varje ()
varje () -metod kontrollerar om givna element är sanna eller falska i en matris som anges i villkoret. Det returnerar sant om villkoret matchar givet tillstånd annars returnerar falskt.
Syntax
Array.every(callback, thisArg)
Där återuppringning är ett villkor för att testa funktionen och thisArg är en valfri parameter som används vid körning av återuppringning.
Exempel
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. fylla ()
Metoden fill () används för att fylla de angivna statiska värdena genom att modifiera originalvärden i den angivna arrayen.
Syntax
array.fill(value)
Exempel
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 () används för att filtrera matriselement baserat på det givna tillståndet.
Syntax
array.filter(callback, thisArg)
Exempel
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. för alla ()
Metoden forEach () används för att åberopa funktionen för varje matriselement.
Syntax
array.forEach(callback, thisArg)
Exempel
JavaScript Array Method
var my_array = ('India', 'Srilanka', 'England');
my_array.forEach(function(fetch) (
document.writeln(fetch);
));
Produktion
6. inkluderar ()
Metoden inkluderar () används för att kontrollera om det givna elementet ingår i arrayen eller inte. Om elementet ingår i en matris returnerar det sant annars returnerar falskt.
Syntax
array.includes(element) //where “element” is a value which is to be searched in the array
Exempel
JavaScript Array Method
var my_array=("Sachin", "Dhoni", "Kohli", "Rohit", "Dhawan") var array_result=my_array.includes("Sachin");
document.writeln(array_result);
Produktion
7. gå med ()
Metoden join () används för att kombinera matriselementen i strängen och ger en ny sträng.
Syntax
array.join(separator)
Exempel
JavaScript Array Method
var my_array=('India', 'Srilanka', 'England') var array_result=my_array.join('-')
document.write(array_result);
Produktion
8. pop ()
Pop-metoden används för att extrahera det sista elementet i den givna arrayen.
Syntax
array.pop(operator)
Exempel
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. tryck ()
Metoden push () används för att lägga till elementet i slutet av matrisen.
Syntax
array.push()
Exempel
JavaScript Array Method
var my_array=("England", "Australia", "India");
my_array.push("Srilanka");
document.writeln(my_array);
Produktion
10. omvänd ()
Metoden reverse () används för att vända sekvensen för det givna elementet. Det sista elementet blir det första och det första elementet blir det sista.
Syntax
array.reverse()
Exempel
JavaScript Array Method
var my_array=("England", "Australia", "India");
var reverse_val=arr.reverse();
document.writeln(reverse_val);
Produktion
11. skift ()
Metoden shift () används för att returnera det första elementet i en matris.
Syntax
array.shift()
Exempel
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.shift();
document.writeln(array_result);
Produktion
12. skiva ()
Metoden skiva () används för att visa en del av de givna arrayelementen utan att ändra den ursprungliga arrayen.
Syntax
array.slice(start, end)
Exempel
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. sortera ()
Metoden sortering () används för att visa arrayelement i stigande ordning.
Syntax
array.sort()
Exempel
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 () används för att lägga till element i början av matrisen.
Syntax
array.unshift(“element”)
Exempel
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.unshift("Kohli");
document.writeln(my_array);
Produktion
15. indexOf ()
Metoden indexOf () används för att söka efter ett element i en given grupp.
Syntax
array.indexOf(“element”)
Exempel
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.indexOf("Rohit");
document.writeln(array_result);
Produktion
Slutsats
Som diskuterats hittills är en matris en speciell typ av objekt för lagring och hantering av dataelement. En matris är ett objekt som tillhandahåller en grupp av element och som är användbara för att lagra en stor mängd data av samma typ. Egenskaper och metoder för arrayobjekt hjälper utvecklare att hantera matriser enkelt. Som ett globalt objekt kan JavaScript Array användas för konstruktion av matriser på hög nivå.
Rekommenderad artikel
Detta har varit en guide till Arrays i JavaScript. Här diskuterar vi olika typer och metoder för matriser tillsammans med Exempel. Du kan också gå igenom våra andra föreslagna artiklar för att lära dig mer
- JavaScript-verktyg
- JavaScript-matematiska funktioner
- Bästa Javascript-ramverk
- Användning av JavaScript
- Arrays i PHP