Introducció Part 2 Mètodes d'Arrays
En el lliurament anterior vam explorar mètodes essencials d'arrays en JavaScript i com faciliten el treball amb dades. En aquesta segona part continuarem amb mètodes més potents per manipular, cercar i transformar arrays amb menys codi i major eficiència.
1. concat
concat crea un nou array combinant dos o més arrays sense modificar els originals.
Exemple
const a = [1, 2]; const b = [3, 4]; const result = a.concat(b); console.log(result); // [1, 2, 3, 4]
2. copyWithin()
copyWithin copia un conjunt d'elements dins del mateix array a una altra posició i modifica l'array original.
Exemple
const arr = [1, 2, 3, 4, 5]; arr.copyWithin(1, 3); console.log(arr); // [1, 4, 5, 4, 5]
3. slice()
slice retorna una còpia superficial d'una porció de l'array en un nou array, des de start fins a end sense incloure end. No modifica l'array original.
Exemple
let fruites = [apple, banana, mango, orange]; let porcio = fruites.slice(1, 3); console.log(porcio); // [banana, mango]
Explicació: 1 és l'índex d'inici inclou el valor a l'índex 1 banana. 3 és l'índex de final i exclou el valor a l'índex 3 per això el resultat és des de l'índex 1 fins al 2 [banana, mango].
4. splice()
splice afegeix o elimina elements des d'un índex especificat i modifica l'array original.
Exemple
let fruites = [apple, banana, mango, orange]; fruites.splice(1, 2, grape, kiwi); console.log(fruites); // [apple, grape, kiwi, orange]
Explicació: 1 és l'índex d'inici on comença l'eliminació 2 és el nombre d'elements a eliminar aquí banana i mango i grape, kiwi són els elements que s'insereixen en aquesta posició. splice modifica l'array original a diferència de slice.
5. toSpliced()
toSpliced funciona igual que splice pel que fa a arguments start deleteCount i elements a inserir però en lloc de modificar l'array original retorna un nou array amb els canvis. Això és útil quan vols evitar mutacions, per exemple en programació funcional o en actualitzacions d'estat a React.
Exemple
let fruites = [apple, banana, mango, orange]; let noves = fruites.toSpliced(1, 2, grape, kiwi); console.log(noves); // [apple, grape, kiwi, orange] console.log(fruites); // [apple, banana, mango, orange]
Conclusió
Amb aquests mètodes pots manipular arrays de manera eficaç i amb menys codi. Practica el seu ús perquè es tornin naturals en el teu dia a dia com a desenvolupador.
A Q2BSTUDIO som una empresa de desenvolupament de programari i aplicacions a mida especialistes en intel·ligència artificial ciberseguretat i molt més. Oferim programari a mida i aplicacions a mida integrant intel·ligència artificial i agents ia per millorar processos de negoci. A més comptem amb serveis cloud aws i azure, serveis d'intel·ligència de negoci i solucions amb power bi per visualització i analítica. Les nostres capacitats en ia per empreses i agents ia es combinen amb estratègies de ciberseguretat per lliurar projectes robustos i escalables. Si busques solucions personalitzades de programari a mida o desitges potenciar les teves dades amb intel·ligència artificial i serveis intel·ligència de negoci contacta amb Q2BSTUDIO per a una proposta adaptada a les teves necessitats.
Fes avui alguna cosa que el teu futur jo t'agraeixi
