import update from 'immutability-helper'; const oldArray = [ {name: 'Stacey', age: 55}, {name: 'John', age: 77}, {name: 'Kim', age: 62}, ]; // add an item const newArray = update(oldArray, {$push: [ {name: 'Trevor', age: 45}, ]}); // replace an item const itemIndex = 1; // replace *John* at index `1` const newValue = {name: 'Kevin', age: 25}; const newArray = update(oldArray, { [itemIndex]: {$set: newValue} }); // modify an item const itemIndex = 1; // modify *John* at index `1` const newArray = update(oldArray, { [itemIndex]: {$merge, { age: 85, // change John's age to 85 }} }); // remove an item const itemIndex = 0; // delete *Stacey* at index `0` const newArray = update(oldArray, {$splice: [[itemIndex, 1]] } });
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter