Redigere Arrays i JavaScript

Jeg liker å tenke på Arrays som lister, f.eks en handleliste:

let handleliste =[
 'grønnsaker',
 'kjøtt',
 'dessert',
 'øl', 
 'nøtter'
];

En liste lagrer vi som en variabel med var, let eller const . Deretter bruker vi klammeparantes [] for å åpne og lukke listen. På denne måten vet JavaScript at dette er en array og at den må behandle den slik. Akkurat som vi bruker {} til objekter og funksjoner. Det siste tegnet som blir brukt rundt hvert ord (hvis det er tekst) er '' , dette bruker vi alltid rundt tekst, og siden hvert element på handlelisten vår i dette tilfelle er tekst, bruker vi det rundt hvert ord. Men en liste i JavaScript kan bestå av tall, booleans (true & false), funksjoner, objekter.. nærmest hva som helst. Men la oss holde oss til ord som vi kjenner til i starten, nemlig handlelisten i forrige eksempel.

Vi kan redigere denne listen hvis vi trenger å slette noe, redigere noe, legge til noe osv. Når vi jobber med lister(arrays) kan vi få tilgang til en del hendige forhåndslagde funksjoner og metoder ved å skrive punktum etter handleliste.

Legge til/fjerne ett element på starten, midten eller slutten.

Hvis vi skal legge til noe på slutten av listen kan vi skrive .push

handleliste.push('frokost', 'middag');

Hvis vi skal fjerne noe på slutten av listen kan vi skrive .pop

handleliste.pop();
//siste element på listen blir fjernet

Hvis vi skal legge til noe på starten av listen kan vi skrive .unshift

handleliste.unshift('frokost', 'middag');

Hvis vi skal fjerne noe på starten av listen kan vi skrive .shift

handleliste.shift();
//første ting på listen blir fjernet

Hvis vi ønsker å legge til noe på midten av listen bruker vi .splice , her er det viktig at vi først skrivet ett nr som indikerer hvor i listen vi ønsker å sette inn det nye elementet (her: 2), også ett nytt nr som forteller hvor mange ting vi ønsker å slette(her: 0), også skriver vi det vi skal legge til. Husk at i JavaScript starter vi å telle fra 0 og ikke 1, slik at hvis vi skriver 2 (som under) så blir frokost det fjerde elemtentet i listen (fra nr 3 = indeks 2).

handleliste.splice(2, 0,'frokost', 'middag')

Vi sa at det andre tallet der forteller hvor mange elementer, altså kan vi bruke denne måten på å fjerne ting…