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

  1. JavaScript-verktyg
  2. JavaScript-matematiska funktioner
  3. Bästa Javascript-ramverk
  4. Användning av JavaScript
  5. Arrays i PHP

Kategori: