Instruktioner

  • p - Presentation
  • f - HelskĂ€rms presentation

Array i JavaScript

# đŸ‘ïžâ€đŸ—šïž Om Array i JS

För att programmera pÄ ett effektivt sÀtt behöver du ha nÄgon form av datastruktur som motsvara en lista.

  • JS har listor som en integrerad del av sprĂ„ket.
  • HĂ€r tala vi om listor som vĂ€den och vanliga metoder som anvĂ€nds.

❓ Vad Ă€r Arrayer?

Array Àr en lista av vÀrden. VÀrden kan vara av vilken typ som helst.


let my_list = [1,"b",true];
  
  • En lista defineras pĂ„ fölajnde sĂ€tt:

📣 NĂ„gra kommentar om Arrayer

En array Àr av typen objekt. array Àr en under typ till object.

  • SĂ„ allt du kan göra med objekt kan du ocksĂ„ göra med en Array.
  • typeof av en Array kommer vara "object".
  • Du bör försöka att undviak att anvĂ€nda en Array som ett Object.

Vad kan vi anvÀnder Arrayer till?

Listor kan anvÀndas för att hantera data pÄ mÄnga olika sÀtt.

  • Det finns tvĂ„ vanliga sĂ€tt att anvĂ€nda en Array:er pĂ„:
  • Som en kö, först in blir ocksĂ„ först ut.
  • Som en stack, dvs hög, Sist in blir först ut.

đŸ€„ïž Finns Arrayer i andra sprĂ„k?

Alla sprÄk har stöd för nÄgon typ av Array, men syntaxen kan vara betydligt krÄngligare. Anledningen Àr att Array Àr en rÀtt sÄ ineffektiva datastruktur och om du hanterar minnet mer sÄ kan du försöka anvÀnda nÄgot mer effektivt.

  • I C och C++ föredrar man inte dynamsika listor som ocksĂ„ kallas Array.
  • I Python hanteras array pĂ„ ungefĂ€r samma sĂ€tt som i JS.
  • PHP har ocksĂ„ arrayer men dessa beter sig mer som objekt i JS.

Att sÀtta in ett vÀrde i en Array

Ett vÀrde kan tilldelas genom att anvÀnda "=" och en hÄrd parantes.

  • Exempel: let a=1,2 - 1,2 - a2 -=32 -a0="hello"

Att fÄ ett vÀrde ifrÄn en Array

Ett vÀrde kan fÄs genom att helt enkel skriva indexdu behöver innan för hÄrda paranteser.

  • Exempel: a2
  • Exempel: a23 + a23

Listor i listor

Vi kan ha listor i listor ocksÄ.


let my_list = [1,"b",true];
  

🔄 Att konvertera till och frĂ„n en Array

För att konvertera till ett Array

  • Number() //0 Tips: Detta kna ge upphov till mĂ„nga förvirande saker.

🔬 Är detta en Array?

Det gÄr inte att bara anvÀnda "typeof" eftersom Array ocksÄ Àr ett objekt.

  • AnvĂ€nd metoden Array.isArray(array), array Ă€r metoden du vill undersöka.
  • Exempel: Array.isArray( - ) - Array.isArray({}) -
  • Array.isArray(true)
  • PĂ„ riktig gammal webblĂ€sare fungerar inte det, men det Ă€r inget problem för oss.

Ett annat förslag Àr nÄgot liknade , men denna metod har tyvÀrr en del problem som du mÀrker om du testar med instanceof Array, men denna metod har tyvÀrr en del problem som du mÀrker om du testar med {} instanceof Array.

Push

Du kan lÀgga till ett vÀrde sist i en Array genom att anvÀnd metoden push.


let arr=["a", "b"];
arr.push("c");
console.log(arr);
// ["a","b","c"]
  

Shift

Du kan lÀgga till ett vÀrde först i en Array genom att anvÀnd metoden shift.


let arr=[1, 2];
arr.shift(0);
console.log(arr);
// [0,1,2]
  

Pop

Du kan ta bort sista vÀrdet och returnera det genmom att anvÀnda metoden "pop".


let arr=["a","b","c"];
let c = arr.pop();
console.log(arr);
// ["a","b"]
console.log(c);
// c
  

Unshift

Du kan ta bort sista vÀrdet och returnera det genmom att anvÀnda metoden "shift".


let arr=[0, 1, 2];
let zero = arr.unshift();
console.log(arr);
// [1,2]
console.log(zero);
// 0
  

slice

Slice Àr en metod som retrnerar en del av en Array. Den tar tvÄ parameter:


let arr = ["a", "b", "c", "d"];
let short_arr = arr.slice(1,3);
console.log(short_arr);
// ["b", "c"]
  
  • En start index dĂ€r den nya array börjar.
  • Ett slut index, den nya arrayen slutar innan det indexet.
  • Den ursprungliga arrayen Ă€ndras inte alls.

splice

Splice Àr en metod som tar bort element i en array, den kan ocksÄ lÀgga till vÀrden pÄ en valfritt index. Den har tvÄ eller fler parametrar.


let arr = ["a", "q", "d"];
arr.splice(1,1,"b","c");
console.log(arr);
// ["a", "b", "c", "d"]
  
  • En start index dĂ€r element ska tas bort eller lĂ€ggas till ifrĂ„n.
  • En lĂ€ngd som avgör hur mĂ„nga element som ska tas bort.
  • Ett antal parametrar som kommer adderas.
  • Det Ă€r den array som anropar slice som kommer förĂ€ndras.

length

Är kanske den alla vanligase anvĂ€nda egenskaper hos en array.


let arr = ["a", "b", "c"];
for(let i = 0; i < arr.length; i++) {
console.log(i+": "+arr[i]);
}
  
  • Ger helt enkelt lĂ€ngden pĂ„ en array
  • AnvĂ€nds ofta i for satser.

for-of

En bÀttre forsatts om du arbetar med arrayer.


let arr = ["a", "b", "c"];
for(const letter of arr) {
console.log(letter);
}
  
  • Du ska anvĂ€nda for-of, inte for-in eller nĂ„gon anna variant.