JavaScript массивтері бойынша кеңестер
Джаваскрипт массивтерімен жұмыс істеуді меңгеру - таза әрі түсінікті код жазудың кепілі. Функционалды әдістер мен заманауи ES6+ мүмкіндіктерін тиімді пайдалану арқылы күрделі тапсырмаларды небәрі бірнеше жолмен шешуге болады.
1. .map() арқылы трансформация
Бастапқы массивті өзгертпей, әр элементті басқа форматқа түрлендіріп, жаңа массив қайтарады:
const prices = [10, 20, 30];
const formatted = prices.map(p => `$${p.toFixed(2)}`); // ['$10.00', '$20.00', '$30.00']2. Сүзгілеуге арналған .filter()
Көрсетілген шартқа сай келетін элементтерді ғана бөліп алады:
const users = [{ name: 'Айгерім', active: true }, { name: 'Батыр', active: false }];
const activeUsers = users.filter(u => u.active);3. **Массивті бір нәтижеге келтіруге арналған** .reduce()
Массивті өңдеп, одан бір мән, объект немесе топтастырылған мәлімет алады:
// Объектілерді қасиеті бойынша топтастыру
const items = [{ name: 'Алма', type: 'Жеміс' }, { name: 'Сәбіз', type: 'Көкөніс' }];
const grouped = items.reduce((acc, item) => {
(acc[item.type] = acc[item.type] || []).push(item);
return acc;
}, {});4. Set арқылы қайталанатын мәндерді жою
Set құрылымы мен ... (spread) операторын пайдаланып, дубликаттарды бір жолда алып тастауға болады:
const unique = [...new Set([1, 2, 2, 3, 4, 4])]; // [1, 2, 3, 4]5. .flat() пен .flatMap() арқылы массивті тегістеу
Көп деңгейлі массивтерді бір деңгейге келтіреді:
const nested = [1, [2, [3]]];
const flat = nested.flat(Infinity); // [1, 2, 3]
Пікірлер
Пікір қалдыру үшін жүйеге кіріңіз.