Array.prototype.pop() by JavaScript convention.
let fruit = ['apple', 'orange', 'banana', 'tomato'];
let popped = fruit.pop();
console.log(popped); // "tomato"
console.log(fruit); // ["apple", "orange", "banana"]freeCodeCamp
freecodecamp.org › news › how-to-remove-an-element-from-a-javascript-array-removing-a-specific-item-in-js
How to Remove an Element from a JavaScript Array – Removing a Specific Item in JS
August 31, 2022 - In some cases it might be appropriate to mutate the original array. In these cases you can also use one of the following mutating methods. ... You can remove the last item of an array with Array.prototype.pop().
Top answer 1 of 16
1055
Array.prototype.pop() by JavaScript convention.
let fruit = ['apple', 'orange', 'banana', 'tomato'];
let popped = fruit.pop();
console.log(popped); // "tomato"
console.log(fruit); // ["apple", "orange", "banana"] 2 of 16
762
Use splice(startPosition, deleteCount)
array.splice(-1)
Show code snippet
var array = ['abc','def','ghi','123'];
var removed = array.splice(-1); //last item
console.log( 'array:', array );
console.log( 'removed:', removed );javascript - Js remove element from array without change the original - Stack Overflow
Communities for your favorite technologies. Explore all Collectives · Stack Overflow for Teams is now called Stack Internal. Bring the best of human thought and AI automation together at your work More on stackoverflow.com
typescript - Remove and update an array without mutation in Javascript - Stack Overflow
Calling .filter on an array doesn't mutate the array it was called on - it returns a new, separate array, so it's safe to use in React without cloning the original array beforehand. More on stackoverflow.com
javascript - How to remove n from an array without mutating it? - Stack Overflow
Communities for your favorite technologies. Explore all Collectives · Stack Overflow for Teams is now called Stack Internal. Bring the best of human thought and AI automation together at your work More on stackoverflow.com
why using index as key remove only the last element in React?
Only ever use index when you 100% know data will not change in real time. More on reddit.com
12
6
November 15, 202208:00
3 Ways to Remove From Arrays in JavaScript - YouTube
04:37
Deleting / Removing an Array Item - YouTube
16:33
How to Remove Specific Array element in JavaScript - YouTube
02:09
How To Remove From The Start of Arrays - JavaScript Shift (In 2 ...
06:28
DevTips Daily: How to remove a specific item from an array in ...
MDN Web Docs
developer.mozilla.org › en-US › docs › Web › JavaScript › Reference › Global_Objects › Array › pop
Array.prototype.pop() - JavaScript - MDN Web Docs
In case you want the value of this to be the same, but return a new array with the last element removed, you can use arr.slice(0, -1) instead. The pop() method is generic. It only expects the this value to have a length property and integer-keyed properties. Although strings are also array-like, ...
Top answer 1 of 4
34
Array.prototype.filter will create and return a new array consisting of elements that match the predicate.
function removeByIndex(array, index) {
return array.filter(function (el, i) {
return index !== i;
});
}
Even shorter with ECMAScript 6:
var removeByIndex = (array, index) => array.filter((_, i) => i !== index);
2 of 4
4
You can use the es6 spread operator and Array.prototype.splice
var arr = [{id:1, name:'name'},{id:2, name:'name'},{id:3, name:'name'}];
let newArr = [...arr]
newArr.splice(index)
The spread operator copies the array and splice changes the contents of an array by removing or replacing existing elements and/or adding new elements
Medium
medium.com › @iamdarius › 4-ways-to-remove-the-last-element-from-an-array-in-javascript-17749b12be0c
Learn 4 Ways to Remove the Last Element from an Array in JavaScript | by Darius Moore | Medium
September 8, 2022 - Here, we simply begin passing in 0 as our first argument (which determines where to start the slice) and arr.length — 1 as our last argument (the index of the first element to exclude from the returned array).
Peanutbutterjavascript
peanutbutterjavascript.com › posts › update-arrays-without-mutating-the-original
Update arrays without mutating the original
July 29, 2020 - If you want to remove a specific element from the array, you can do this by using the Array.prototype.filter method. const original = [1,2, 'x', 3] const toDelete = 'x' const newArray = original.filter(item => item !== toDelete) I hope you found this resource useful when working with Immutable ...
GeeksforGeeks
geeksforgeeks.org › how-to-splice-an-array-without-mutating-the-original-array
How to Splice an Array Without Mutating the Original Array? | GeeksforGeeks
November 19, 2024 - The combination of slice() and concat() methods allows you to remove elements from an array without mutating the original by creating a new array.
Becomebetterprogrammer
becomebetterprogrammer.com › remove-last-element-from-an-array-in-typescript-javascript
Remove Last Element From an Array in TypeScript/JavaScript - Become A Better Programmer
August 21, 2022 - Given the shortcomings of the pop() method due to its mutable property, some alternatives exist to achieve the same goal. In the upcoming sections, we will use some array methods that do not mutate the array while removing an array’s last element.
Top answer 1 of 2
2
You're creating two additional arrays: one copyArr and one filtered array. There's no need for both, creating just the filtered array should work fine, eg:
setOriginalArr(
originalArr.filter(item => item !== 'plum')
);
as an example, if originalArr is in state.
Calling .filter on an array doesn't mutate the array it was called on - it returns a new, separate array, so it's safe to use in React without cloning the original array beforehand.
2 of 2
0
You can use slice() method to extract items from/to specific indexes (without mutation of original array)
let originalArr = ['apple', 'plum', 'berry'];
let sliced = originalArr.slice(1, 2)
console.log(originalArr, sliced)MDN Web Docs
developer.mozilla.org › en-US › docs › Web › JavaScript › Reference › Global_Objects › Array › splice
Array.prototype.splice() - JavaScript - MDN Web Docs
The splice() method of Array instances changes the contents of an array by removing or replacing existing elements and/or adding new elements in place. To create a new array with a segment removed and/or replaced without mutating the original array, use toSpliced().
30 Seconds of Code
30secondsofcode.org › home › javascript › array › remove elements from array
Remove elements from a JavaScript array without mutating it - 30 seconds of code
October 24, 2023 - Oftentimes, this isn't what you really want, so let's take a look at how we can implement a non-mutating version of Array.prototype.splice(). At its core, Array.prototype.splice() behaves as follows: Items between the start of the array and the given index are kept intact. Starting at the given index, the specified number of items are removed. The given items, if any, are inserted after the given index. The rest of the items are kept intact. Having broken down this behavior, we can easily see that we can implement it using Array.prototype.slice() and Array.prototype.concat().
30 Seconds of Code
30secondsofcode.org › home › javascript › array › remove first or last n array elements
Remove the first or last n elements from a JavaScript array - 30 seconds of code
December 24, 2023 - We'll be focusing mainly on Array.prototype.slice(), as mutating the original array is usually not desirable.
Bobby Hadz
bobbyhadz.com › blog › javascript-remove-last-element-from-array
Remove last or last N elements from an Array in JavaScript | bobbyhadz
The Array.slice() method doesn't mutate the original array, it returns a new array.
Jaketrent
jaketrent.com › post › remove-array-element-without-mutating
Remove an Array Element Without Mutation - Jake Trent
August 18, 2017 - To remove elements from an array in an immutable way, array copying is required. You need a new data structure because you cannot change the first -- that would be mutation.
Enterprise DNA
blog.enterprisedna.co › how-to-remove-the-last-array-element-in-javascript
Enterprise DNA: We Help Businesses Put Data and AI to Work
OpenAI Anthropic Gemini Cursor ElevenLabs Google Cloud Azure Supabase JavaScript Power BI Help Genie
DEV Community
dev.to › smpnjn › removing-the-last-element-of-an-array-in-javascript-7ga
Removing the last element of an array in Javascript - DEV Community
November 6, 2022 - Finally, another way to accomplish this without changing the original array is to use slice (not to be confused with splice). slice() differs from both pop() and splice() in that it makes a shallow copy of the original array.
IQCode
iqcode.com › code › javascript › how-to-replace-array-element-in-javascript-without-mutation
how to replace array element in javascript without mutation Code Example
October 7, 2021 - function replaceAt(array, index, value) { const ret = array.slice(0); ret[index] = value; return ret; } const newArray = replaceAt(ite...
Restack
restack.io › p › react-remove-last-element-answer
Where teams design, test and optimize agents at Enterprise Scale — Restack
March 12, 2025 - Integrate event streaming in React.
GeeksforGeeks
geeksforgeeks.org › javascript-remove-the-last-item-from-an-array
Remove the last Item From an Array in JavaScript
November 18, 2024 - The array length property in JavaScript ... arrays. To remove the last element from an array, you can use the spread operator along with array destructuring....
Top answer 1 of 2
20
You could use filter or reduce, or copy the array first by using slice, and then perform splice.
Personally, I like filter for its simplicity, and clear intention
filter
function removeItem(array, n) {
return array.filter((elem, i) => i !== n);
}
const original = [1,2,3,4];
console.log(removeItem(original, 1));
console.log(original);reduce
function removeItem (array, n) {
return array.reduce((result, elem, i) => {
if (i !== n) result.push(elem);
return result;
}, [])
}
const original = [1,2,3,4];
console.log(removeItem(original, 1));
console.log(original);slice and splice
function removeItem(array, n) {
const result = array.slice();
result.splice(n, 1);
return result;
}
const original = [1,2,3,4];
console.log(removeItem(original, 1));
console.log(original);Performance Test
https://jsperf.com/so53833297
Documentation
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice
2 of 2
2
function removeItem(array, n) {
return array.filter((x, i) => i != n)
}