Liste JS

Listele în JavaScript sunt structuri de date care permit stocarea mai multor valori într-o singură variabilă. Acestea sunt indexate, ceea ce înseamnă că fiecare element din listă are o poziție specifică.

Cum se creează o listă?

Listele în JavaScript sunt create folosind sintaxa de paranteze drepte []. Elementele listei sunt separate prin virgulă.

        
let fructe = ['Măr', 'Banana', 'Cireșe', 'Struguri'];
        
                  

În acest exemplu, am creat o listă numită fructe, care conține patru elemente: „Măr”, „Banana”, „Cireșe” și „Struguri”.

Accesarea Elementelor din Listă

Elemente din listă pot fi accesate utilizând indexul lor, care începe de la 0 pentru primul element.

        
let primulFruct = fructe[0]; // Măr
let alDoileaFruct = fructe[1]; // Banana
        
    

În acest exemplu, am accesat primul și al doilea element din lista fructe folosind indexul corespunzător.

Modificarea Elementelor din Listă

Elemente dintr-o listă pot fi modificate atribuind o valoare nouă la un index specific.

        
fructe[1] = 'Pere'; // Modifică „Banana” în „Pere”
        
    

După această modificare, lista fructe va conține „Măr”, „Pere”, „Cireșe” și „Struguri”.

Adăugarea și Ștergerea Elementelor din Listă

Elemente pot fi adăugate la sfârșitul listei folosind metoda push(), iar pentru a șterge elemente se poate folosi pop().

        
fructe.push('Kiwi'); // Adaugă „Kiwi” la finalul listei
fructe.pop(); // Șterge ultimul element din listă
        
    

După adăugarea elementului „Kiwi” și apoi ștergerea acestuia, lista va reveni la „Măr”, „Pere”, „Cireșe” și „Struguri”.

Metoda shift() și unshift()

Metodele shift() și unshift() sunt folosite pentru a șterge respectiv adăuga elemente la începutul listei.

        
fructe.shift(); // Șterge primul element din listă
fructe.unshift('Ananas'); // Adaugă „Ananas” la începutul listei
        
    

După folosirea acestor metode, lista va începe cu „Ananas”, iar primul element va fi șters.

Iterarea prin Listă

Putem itera prin elementele unei liste folosind bucle for sau forEach().

        
// Folosind bucla for
for (let i = 0; i < fructe.length; i++) {
    console.log(fructe[i]);
}

// Folosind forEach()
fructe.forEach(function(fruct) {
    console.log(fruct);
});
        
    

Ambele abordări vor itera prin toate elementele din lista fructe și le vor afisa în consolă.

Metoda map()

Metoda map() creează o nouă listă în care fiecare element este transformat conform unei funcții specifice.

        
let fructeMari = fructe.map(function(fruct) {
    return fruct.toUpperCase(); // Transformă fiecare fruct în majuscule
});

console.log(fructeMari); // ['MĂR', 'BANANA', 'CIREȘE', 'STRUGURI']
        
    

În acest exemplu, am creat o listă fructeMari care conține aceleași elemente ca lista originală, dar toate transformate în majuscule.

Concluzie

Listele sunt o componentă esențială în JavaScript, oferind o metodă eficientă de a gestiona colecții de date. Folosirea metodelor corecte permite manipularea și iterarea acestora într-un mod eficient și clar.