Në zhvillimin e aplikacioneve me JavaScript, manipulimi dhe përpunimi i të dhënave është një aspekt thelbësor për çdo programues. Arrays janë një nga strukturat më të rëndësishme të të dhënave, dhe zotërimi i metodave të tyre mund të bëjë një ndryshim të madh në efikasitetin dhe lexueshmërinë e kodit tuaj. Në këtë artikull, do të shqyrtojmë 7 nga metodat më të përdorura të array-ve në JavaScript, të cilat ju ndihmojnë të kurseni kohë dhe të shkruani kod më të pastër. Çdo metodë vjen me një shembull të qartë dhe ide për aplikime praktike, për t’ju ndihmuar të shfrytëzoni maksimalisht fuqinë e array-ve në projektet tuaja.

1- Push

Shton një element në fund të array-t

let fruta = [ ‘mollë’ , ‘portokall’ , ‘banane’ ];

// shtojmë një element të ri në fund
fruta.push( ‘kumbull’ ); 

console.log(fruta) ; // printojmë rezultatin

Rezultati

[ ’mollë’ , ‘portokall’ , ‘banane’ , ‘kumbull’ ]

2- Slice

Kjo metodë në JavaScript kthen një pjesë të array-t

let fruta = [ ’molle’, ‘portokall’, ‘banane’, ‘kumbull’, ‘qershi’, ‘rrush’ ];

// Kthen pjesën e array-t që fillon në pozicionin 1 dhe mbaron në 
// pozicionin 3, i cili është pozicioni paraardhës i 4.
// Pozicioni 4 nuk përfshihet në rezultat.
let fruta_te_reja = fruta.slice(1,4);

console.log(fruta_te_reja);

Rezultati

//Rezultati i console.log(fruta_te_reja)
[’portokall’, ‘banane’, ‘kumbull’]

3- Shift

Kthen elementin e parë të array-t, dhe e heq atë nga array

let fruta = [’molle’, ‘portokall’, ‘banane’, ‘kumbull’, ‘qershi’, ‘rrush’]; 

let fruta_e_pare = fruta.shift();

// printojmë rezultatin
console.log(fruta_e_pare);
console.log(fruta);

Rezultati

‘mollë’
[‘portokall’, ‘banane’, ‘kumbull’, ‘qershi’, ‘rrush’]

4- Pop

Kthen elementin e fundit të array-t, dhe e heq atë nga array

let fruta = [’molle’, ‘portokall’, ‘banane’, ‘kumbull’, ‘qershi’, ‘rrush’];

let fruta_e_fundit = fruta.pop();

console.log(fruta_e_fundit);
console.log(fruta);

Rezultati

‘rrush’
[’molle’, ‘portokall’, ‘banane’, ‘kumbull’, ‘qershi’]

5- Map

Kthen një array të ri, në të cilin secili element është elementi përkatës i array-t fillestar, pasi i është aplikuar funksioni që caktojmë

let numrat = [1, 2, 3, 4, 5]; 

let numrat_te_dyfishuar = numrat.map (function (numri) { 
    return numri * 2; // shumëzojmë numrin me 2
});

console.log (numrat_te_dyfishuar); 

Rezultati

[2, 4, 6, 8, 10]

6- Filter

Kthen një array i cili përmban vetëm ato elementë të array-t origjinal, të cilat kualifikohen sipas funksionit që caktojmë

let numrat = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; 

let numra_mbi_5 = numrat.filter (function (numri) {
    
    // numri do kualifikohet vetëm nëse është më i madh se 5
    return numri > 5;
});  

console.log(numra_mbi_5); 

Rezultati

[6, 7, 8, 9, 10]

7- Includes

Metoda Includes në JavaScript kthen nëse vlera përfshihet tek array

let numrat = [1, 2, 3, 4, 5]; 

console.log (numrat.includes (3));
console.log (numrat.includes (10)); 

Rezultati

true
false

Përmbledhje

Këto 7 metoda janë disa nga më të përdorurat dhe më të dobishmet për manipulimin e array-ve në JavaScript. Ato e bëjnë më të thjeshtë dhe më efikas procesin e përpunimit të të dhënave. Nga metoda push për të shtuar elemente të reja, te filter dhe map për të krijuar koleksione të reja në bazë të kushteve specifike, secila nga këto metoda ofron zgjidhje praktike për sfidat e përditshme të kodimit. Duke i zbatuar ato në projekte tuaja, do të mund të krijoni kod më të lexueshëm, më të mirëmbajtshëm dhe më të shpejtë. Shpresojmë që ky udhëzues ju ka dhënë një përmbledhje të dobishme për të përdorur array-t në mënyrë më efektive në aplikacionet tuaja JavaScript!

Nëse dëshironi të mësoni më shumë në JavaScript dhe teknologji të tjera, ju ftojmë të na bashkoheni në kurset tona. Në kurset tona do të mësoni teknika praktike dhe do të merrni udhëzime nga ekspertë të fushës.

Për më shumë informacion mbi tema të ndryshme të programimit, shembuj praktikë dhe për të qëndruar të përditësuar me kurset tona, na ndiqni në faqen tonë Instagram: https://www.instagram.com/ketri.academy/