My FeedDiscussionsHeadless CMS
New
Sign in
Log inSign up
Learn more about Hashnode Headless CMSHashnode Headless CMS
Collaborate seamlessly with Hashnode Headless CMS for Enterprise.
Upgrade ✨Learn more

How to insertAt, removeAt and remove an element in array JavaScript

Deactivated User's photo
Deactivated User
·Jan 27, 2021·

2 min read

Suppose [0, 1, 2, 3, 4, 5, 6] is your array and you want to insert another value at a centain index (replace) in it or you want to remove a value at a certain index from it or you just want to remove a certain value lets say 5 out of it, here is what you can do in JavaScript.

insertAt

let numbers = [0, 1, 2, 3, 4, 5, 6];

const insertAt = (element, index) => {
    numbers.splice(index, 1, element)
}

insertAt(7, 1);
console.log(numbers);

When you run the script the out put will be [ 0, 7, 2, 3, 4, 5, 6 ] Element 1 is replaced with 7

removeAt

let numbers = [0, 1, 2, 3, 4, 5, 6];

const removeAt = (index) => {
    numbers.splice(index, 1);
};

removeAt(1);
console.log(numbers);

When you run the script the out put will be [ 0, 2, 3, 4, 5, 6 ] Element at index 1 is removed from numbers.

removeElement

let numbers = [0, 1, 2, 3, 4, 5, 6];

const removeElement = (element) => {
    const index = numbers.indexOf(element);
    if (index > -1) {
        numbers.splice(index, 1);
    } else {
        throw new Error('Element not found in array');
    }
}

removeElement(5);
console.log(numbers);

When you run the script the out put will be [ 0, 1, 2, 3, 4, 6 ] Element 5 is removed from numbers. If you run removeElement(9) it will throw an error - Element not found in array because 9 is not in the numbers array.

Happy hacking!