JavaScript: Array Immutably dengan `toSpliced()`
1
min read .
Updated on
Kalau kamu ingin memodifikasi array tapi tetap menjaga array asli, toSpliced() jawabannya.
1. Dasar toSpliced()
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:
const fruits = ['apple','banana','cherry','date'];
const updatedFruits = fruits.toSpliced(1,2,'blueberry','fig');
console.log(updatedFruits); // ['apple','blueberry','fig','date']
console.log(fruits); // ['apple','banana','cherry','date']
2. Insert & Replace Elemen
const numbers = [1,2,3,4,5];
const modifiedNumbers = numbers.toSpliced(2,1,6,7);
console.log(modifiedNumbers); // [1,2,6,7,4,5]
console.log(numbers); // [1,2,3,4,5]
3. Kegunaan Real-World
- UI Manipulation: Membuat daftar/menu baru tanpa mengubah array asli.
- State Management: Cocok untuk aplikasi yang menggunakan prinsip immutability.
- Versioning: Membuat versi array berbeda untuk rollback atau perbandingan.
4. Catatan Performa
toSpliced() membuat array baru → butuh memory tambahan, jadi perhatikan saat array sangat besar.
Kesimpulan
toSpliced() memudahkan modifikasi array tanpa mengubah array asli. Gini deh, fitur ini bikin kode lebih aman, predictable, dan gampang dipelihara, terutama di functional programming atau state management.
