I denna handledning lär du dig om JavaScript-array med hjälp av exempel.
Som du vet kan en variabel lagra ett enda element. Om du behöver lagra flera element samtidigt kan du använda en matris.
En array är ett objekt som kan lagra flera element . Till exempel,
const myArray = ('hello', 'world', 'welcome');
Skapa en matris
Du kan skapa en matris på två sätt:
1. Använda en matris bokstavlig
Det enklaste sättet att skapa en matris är att använda en matris bokstavligt (). Till exempel,
const array1 = ("eat", "sleep");
2. Använda det nya nyckelordet
Du kan också skapa en matris med JavaScript- newnyckelordet.
const array2 = new Array("eat", "sleep");
I båda exemplen ovan har vi skapat en matris med två element.
Obs! Det rekommenderas att använda array-bokstav för att skapa en array.
Här är fler exempel på matriser:
// empty array const myList = ( ); // array containing number values const numberArray = ( 2, 4, 6, 8); // array containing string values const stringArray = ( 'eat', 'work', 'sleep'); // multiple data types array const newData = ('work', 'exercise', 1, true);
Du kan också lagra matriser, funktioner och andra objekt i en matris. Till exempel,
const newData = ( ('task1': 'exercise'), (1, 2 ,3), function hello() ( console.log('hello')) );
Åtkomst till element i en matris
Du kan komma åt elementen inuti en matris med hjälp av index (0, 1, 2 …) . Till exempel,
const myArray = ('h', 'e', 'l', 'l', 'o'); // first element console.log(myArray(0)); // "h" // second element console.log(myArray(1)); // "e" 
Arrayindexering i JavaScript
Obs! Arrays index börjar med 0, inte 1.
Lägg till ett element i en matris
Du kan använda den inbyggda metoden push()och unshift()lägga till ett element i en matris.
Den push()metod lägger till ett element i slutet av en array och returnerar längden av en ny array. Till exempel,
let dailyActivities = ('eat', 'sleep'); // add an element at the end of the array dailyActivities.push('exercise'); console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
Det unshift()förfarande adderar ett nytt element i början av en array och returnerar den nya längden på en array. Till exempel,
let dailyActivities = ('eat', 'sleep'); //add an element at the end of the array dailyActivities.unshift('work'); console.log(dailyActivities); // ('work', 'eat', 'sleep', 'exercise'')
Ändra elementen i en matris
Du kan också lägga till element eller ändra elementen genom att öppna indexvärdet.
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 2 index dailyActivities(2) = 'exercise'; console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
Antag att en matris har två element. Om du försöker lägga till ett element i index 3 (fjärde elementet) kommer det tredje elementet att vara odefinierat. Till exempel,
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 3 index dailyActivities(3) = 'exercise'; console.log(dailyActivities); // ("eat", "sleep", undefined, "exercise")
I grund och botten, om du försöker lägga till element till höga index, kommer indexen emellan att ha odefinierat värde.
Ta bort ett element från en matris
Du kan använda pop()metoden för att ta bort det sista elementet från en matris. Den pop()metod returnerar även det returnerade värdet. Till exempel,
let dailyActivities = ('work', 'eat', 'sleep', 'exercise'); // remove the last element dailyActivities.pop(); console.log(dailyActivities); // ('work', 'eat', 'sleep') // remove the last element from ('work', 'eat', 'sleep') const removedElement = dailyActivities.pop(); //get removed element console.log(removedElement); // 'sleep' console.log(dailyActivities); // ('work', 'eat')
Om du behöver ta bort det första elementet kan du använda shift()metoden. Den shift()metod tar bort det första elementet och även returnerar det borttagna elementet. Till exempel,
let dailyActivities = ('work', 'eat', 'sleep'); // remove the first element dailyActivities.shift(); console.log(dailyActivities); // ('eat', 'sleep')
Array längd
Du kan hitta längden på ett element (antalet element i en matris) med hjälp av lengthegenskapen. Till exempel,
const dailyActivities = ( 'eat', 'sleep'); // this gives the total number of elements in an array console.log(dailyActivities.length); // 2
Array Methods
I JavaScript finns det olika matrismetoder tillgängliga som gör det lättare att utföra användbara beräkningar.
Några av de vanliga JavaScript-arraymetoderna är:
| Metod | Beskrivning |
|---|---|
| concat () | sammanfogar två eller flera matriser och returnerar ett resultat |
| index för() | söker efter ett element i en matris och returnerar dess position |
| hitta() | returnerar det första värdet för ett arrayelement som klarar ett test |
| findIndex () | returnerar det första indexet för ett arrayelement som klarar ett test |
| för varje() | kallar en funktion för varje element |
| inkluderar () | kontrollerar om en matris innehåller ett angivet element |
| tryck() | lägger till ett nytt element till slutet av en array och returnerar den nya längden på en array |
| unshift () | adds a new element to the beginning of an array and returns the new length of an array |
| pop() | removes the last element of an array and returns the removed element |
| shift() | removes the first element of an array and returns the removed element |
| sort() | sorts the elements alphabetically in strings and in ascending order |
| slice() | selects the part of an array and returns the new array |
| splice() | removes or replaces existing elements and/or adds new elements |
Example: JavaScript Array Methods
let dailyActivities = ('sleep', 'work', 'exercise') let newRoutine = ('eat'); // sorting elements in the alphabetical order dailyActivities.sort(); console.log(dailyActivities); // ('exercise', 'sleep', 'work') //finding the index position of string const position = dailyActivities.indexOf('work'); console.log(position); // 2 // slicing the array elements const newDailyActivities = dailyActivities.slice(1); console.log(newDailyActivities); // ( 'sleep', 'work') // concatenating two arrays const routine = dailyActivities.concat(newRoutine); console.log(routine); // ("exercise", "sleep", "work", "eat")
Note: If the element is not in an array, indexOf() gives -1.
Visit JavaScript Array Methods to learn more.
Working of JavaScript Arrays
In JavaScript, an array is an object. And, the indices of arrays are objects keys.
Eftersom matriser är objekt lagras arrayelementen som referens. Följaktligen, när ett matrisvärde kopieras, kommer alla ändringar i den kopierade matrisen också att återspeglas i den ursprungliga matrisen. Till exempel,
let arr = ('h', 'e'); let arr1 = arr; arr1.push('l'); console.log(arr); // ("h", "e", "l") console.log(arr1); // ("h", "e", "l")
Du kan också lagra värden genom att skicka en namngiven nyckel i en matris. Till exempel,
let arr = ('h', 'e'); arr.name = 'John'; console.log(arr); // ("h", "e") console.log(arr.name); // "John" console.log(arr('name')); // "John" 
Arrayindexering i JavaScript
Det rekommenderas dock inte att lagra värden genom att skicka godtyckliga namn i en matris.
Därför bör du i JavaScript använda en matris om värden finns i ordnad samling. Annars är det bättre att använda objekt med ( ).
Rekommenderade artiklar
- JavaScript för varje
- JavaScript för … av
- JavaScript flerdimensionellt array
