JavaScript: Cara Mudah Mengakses Array dengan `at()`

Kadang, saya harus nge-handle banyak operasi asinkron sekaligus, ribet kalau salah satu gagal dan bikin seluruh proses berhenti. Nah, Promise.allSettled() hadir buat ngeatasi masalah itu. Dengan ini, kita bisa tahu hasil semua promise, entah sukses atau gagal, tanpa bikin aplikasi berhenti tiba-tiba. Apa Itu Promise.allSettled()? Promise.allSettled() menerima iterable (misal array) berisi promise, lalu mengembalikan satu promise yang selesai setelah semua promise di dalamnya terselesaikan, baik fulfilled maupun rejected. Copy Promise.allSettled([promise1, promise2, promise3]); Hasilnya berupa array objek { status, value/reason }.

Kadang saya harus nge-parse string yang kompleks dan butuh semua match, termasuk grup tangkapan. Sebelumnya pakai match() cuma dapat sebagian info. Untungnya, ada String.matchAll(): mengembalikan iterator semua match lengkap dengan detail grupnya. Apa Itu String.matchAll()? Mengembalikan iterator semua hasil match regex di string. Bisa akses capturing groups, index, dan detail match lainnya. Hanya pakai regex dengan flag g. Copy string.matchAll(regex); Contoh Penggunaan 1. Basic Usage

Kadang saya harus mengelompokkan array atau objek berdasarkan kategori tertentu. Sebelumnya ribet pakai loop atau reduce, tapi sekarang Map.groupBy() bikin semuanya simpel dan rapi. Apa Itu Map.groupBy()? Mengelompokkan elemen array ke dalam Map. Key → kriteria kelompok, Value → array elemen yang termasuk kelompok itu. Copy const groupedMap = Map.groupBy(array, callback); array → data yang mau dikelompokkan callback → fungsi untuk menentukan key tiap elemen Contoh Penggunaan 1. Group Angka Genap/Ganjil

Kadang saya perlu membalik array tapi tetap menjaga array asli utuh. Nah, toReversed() bikin ini gampang. 1. Dasar toReversed() Copy let newArray = array.toReversed(); Mengembalikan array baru yang terbalik. Array asli tidak berubah. Contoh: Copy const originalArray = [1,2,3,4,5]; const reversedArray = originalArray.toReversed(); console.log(reversedArray); // [5,4,3,2,1] console.log(originalArray); // [1,2,3,4,5] 2. Kenapa toReversed() lebih bagus dari reverse()? reverse() → memodifikasi array asli. toReversed() → tetap immutable, aman untuk data asli. 3. Kombinasi dengan Metode Lain Copy const numbers = [1,2,3,4,5]; const reversedAndDoubled = numbers.toReversed().map(n => n*2); console.log(reversedAndDoubled); // [10,8,6,4,2] 4. Kegunaan Real-World UI Rendering: Menampilkan daftar terbalik tanpa merusak data asli. Data Analysis: Analisis kronologis dataset tanpa mengubah array asli. Algoritma: Membutuhkan array terbalik sementara input tetap utuh. Kesimpulan toReversed() mempermudah manipulasi array dengan cara immuatable, menjaga data asli tetap utuh. Gini deh, fitur kecil tapi bikin kode lebih bersih dan aman.

Kalau kamu butuh array yang terurut tapi tidak ingin mengubah array asli, toSorted() jawabannya. 1. Dasar toSorted() Copy let sortedArray = array.toSorted([compareFunction]); Mengembalikan array baru yang sudah terurut. Array asli tetap utuh. compareFunction opsional, bisa untuk menentukan urutan custom. Contoh: Copy const numbers = [5,3,8,1]; const sortedNumbers = numbers.toSorted(); console.log(sortedNumbers); // [1,3,5,8] console.log(numbers); // [5,3,8,1] 2. Mengurutkan Objek Copy const students = [ { name: 'Alice', grade: 85 }, { name: 'Bob', grade: 92 }, { name: 'Charlie', grade: 88 } ]; const sortedByGrade = students.toSorted((a,b) => b.grade - a.grade); console.log(sortedByGrade); /* [ { name: 'Bob', grade: 92 }, { name: 'Charlie', grade: 88 }, { name: 'Alice', grade: 85 } ] */ console.log(students); // array asli tetap sama 3. Menggunakan Custom Compare Function Copy const words = ['banana','apple','cherry']; const sortedWords = words.toSorted((a,b) => a.length - b.length); console.log(sortedWords); // ['apple','banana','cherry'] 4. Kegunaan Real-World UI Rendering: Tampilkan daftar atau tabel terurut tanpa mengubah data asli. Data Analysis: Analisis dataset sambil menjaga versi original. Functional Programming: Mendukung prinsip immutable data structures. 5. Catatan Performa toSorted() membuat array baru → butuh memory tambahan. Perhatikan saat array sangat besar.

Kalau kamu ingin memodifikasi array tapi tetap menjaga array asli, toSpliced() jawabannya. 1. Dasar toSpliced() Copy let newArray = array.toSpliced(start[, deleteCount[, ...items]]); Membuat array baru dengan elemen dihapus atau diganti. Array asli tetap utuh. start: indeks mulai perubahan. deleteCount: jumlah elemen yang dihapus. ...items: elemen yang ditambahkan. Contoh: