Cum sa manipulezi array-uri in JavaScript

In this tutorial, you'll learn about Cum sa manipulezi array. We cover key concepts, practical examples, and best practices.

Array-urile in JavaScript au metode puternice pentru transformare si cautare -- map, filter, reduce si find. Acest ghid iti arata cum sa le folosesti corect in locul buclelor traditionale.

Quick Fix

1. Foloseste map() pentru transformare

map() creeaza un array nou aplicand o functie fiecarui element:

const numbers = [1, 2, 3, 4];
const doubled = numbers.map(n => n * 2);
console.log(doubled);

[2, 4, 6, 8]

2. Foloseste filter() pentru selectie

filter() returneaza elementele care indeplinesc o conditie:

const numbers = [1, 2, 3, 4, 5];
const even = numbers.filter(n => n % 2 === 0);
console.log(even);

[2, 4]

3. Foloseste reduce() pentru agregare

reduce() acumuleaza valorile intr-un singur rezultat:

const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((acc, n) => acc + n, 0);
console.log(sum);

15

4. Foloseste find() pentru cautare

find() returneaza primul element care satisface conditia:

const users = [
  { id: 1, name: 'Ana' },
  { id: 2, name: 'Ion' },
  { id: 3, name: 'Elena' }
];
const user = users.find(u => u.id === 2);
console.log(user);

{ id: 2, name: 'Ion' }

5. Combinarea metodelor

Poti combina metodele in lant pentru operatii complexe:

const products = [
  { name: 'Laptop', price: 4000, inStock: true },
  { name: 'Mouse', price: 150, inStock: true },
  { name: 'Monitor', price: 2000, inStock: false }
];
const result = products
  .filter(p => p.inStock)
  .map(p => ({ ...p, priceWithVAT: p.price * 1.19 }));
console.log(result);

[
  { name: 'Laptop', price: 4000, inStock: true, priceWithVAT: 4760 },
  { name: 'Mouse', price: 150, inStock: true, priceWithVAT: 178.5 }
]

Prevention

• Foloseste map() in loc de for pentru transformari
• Nu modifica array-ul original -- metodele returneaza unul nou
• find() returneaza undefined daca nu gaseste nimic
• reduce() are nevoie de valoarea initiala pentru array-uri goale

Common Mistakes

1. A uita valoarea initiala la reduce() -- fara valoare initiala, reduce() crapa pe array-uri goale
2. A confunda map() cu forEach() -- map() returneaza un array nou, forEach() returneaza undefined
3. A modifica array-ul original in map() -- map() trebuie sa fie pur, fara efecte secundare
4. A folosi find() cand vrei toate rezultatele -- find() se opreste la primul meci; foloseste filter()
5. A uita ca filter() returneaza un array -- chiar si cand niciun element nu corespunde, returneaza un array gol

Aceste greseli apar frecvent in codul JavaScript real. Contribuitorii DodaTech le-au identificat prin analiza proiectelor open-source si a sistemelor de productie.

FAQ

Construit de dezvoltatorii Doda Browser, DodaZIP si Durga Antivirus Pro. Instrumentele DodaTech se integreaza perfect cu JavaScript pentru productivitate si securitate sporite.