What is the best way to remove every other second and third element from an array?

Question

What is the best way to remove every other second and third element from an array?

I am looking to remove every second and third element of an array in Javascript.

The array I am working with is as follows:

var fruits = ["Banana", "yellow", "23", "Orange", "orange", "12", "Apple", "green", "10"];

My goal is to delete every second and third element to achieve the following result:

["Banana", "Orange", "Apple"]

I attempted using a for-loop along with splice like this:

for (var i = 0; fruits.length; i = i+3) {
    fruits.splice(i+1,0);
    fruits.splice(i+2,0);
};

However, this approach gives me an empty array because the elements are being removed while the loop is still running.

Can anyone guide me on how to correctly accomplish this task?

javascript arrays

Answer 1

Answer №1

You have the option to take a different perspective and push() the unwanted value into a separate Array for deletion:

var initialFruits = []

for (var i = 0; i < fruits.length; i = i+3) {
    firstFruits.push(fruits[i]);
};

While this method may not be as concise as using splice(), it does enhance readability.

Answer 2

You have the option to take a different perspective and push() the unwanted value into a separate Array for deletion:

var initialFruits = []

for (var i = 0; i < fruits.length; i = i+3) {
    firstFruits.push(fruits[i]);
};

While this method may not be as concise as using splice(), it does enhance readability.

Answer 3

Answer №2

To extract specific elements from an array, you can utilize the filter method:

var extractedElements = [
   "Dog", 
   "brown", 
   "3", 
   "Cat", 
   "black", 
   "7", 
   "Bird", 
   "blue", 
   "5"
].filter(function(_, index) {
    return index % 3 === 0;
})

This will result in:

["Dog", "Cat", "Bird"]

Answer 4

To extract specific elements from an array, you can utilize the filter method:

var extractedElements = [
   "Dog", 
   "brown", 
   "3", 
   "Cat", 
   "black", 
   "7", 
   "Bird", 
   "blue", 
   "5"
].filter(function(_, index) {
    return index % 3 === 0;
})

This will result in:

["Dog", "Cat", "Bird"]

Answer 5

Answer №3

This method has been successful for me.

var fruits = ["Banana", "yellow", "23", "Orange", "orange", "12", "Apple", "green", "10","Pear","something","else"];

for(var i = 0; i < fruits.length; i++) {
    fruits.splice(i+1,2);
}

//fruits = Banana,Orange,Apple,Pear

A more enhanced demonstration can be found here: http://jsfiddle.net/RaRR7/

Answer 6

This method has been successful for me.

var fruits = ["Banana", "yellow", "23", "Orange", "orange", "12", "Apple", "green", "10","Pear","something","else"];

for(var i = 0; i < fruits.length; i++) {
    fruits.splice(i+1,2);
}

//fruits = Banana,Orange,Apple,Pear

A more enhanced demonstration can be found here: http://jsfiddle.net/RaRR7/

Answer 7

Answer №4

Consider iterating over the array in a reverse manner

Answer 8

Consider iterating over the array in a reverse manner

Answer 9

Answer №5

One potential solution could be to create a new array by duplicating the first, fourth, and seventh elements. While this approach may not be optimal in terms of memory efficiency, it should still meet your needs.

Answer 10

One potential solution could be to create a new array by duplicating the first, fourth, and seventh elements. While this approach may not be optimal in terms of memory efficiency, it should still meet your needs.

Answer 11

Answer №6

To efficiently process the array, it is recommended to iterate through it in reverse order. If the condition i % 2 == 0 || i%3 == 0 is met for an element, you can remove that specific element using the splice method.

Answer 12

To efficiently process the array, it is recommended to iterate through it in reverse order. If the condition i % 2 == 0 || i%3 == 0 is met for an element, you can remove that specific element using the splice method.

What is the best way to remove every other second and third element from an array?

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Answer №6

Similar questions

The scroll function is executed only one time

Creating a connection to an external website through a JavaScript function within an Angular application

What regular expression should be used to meet the following requirement in JavaScript?

Determine whether the input fields contain specific text

Covering the entire screen, the Div element takes up the entirety of

Troubleshooting Block-scoped errors on Heroku using Node.js and Express

I am looking to retrieve the body's background color using Regular Expressions

Having trouble activating the submit function using an external JavaScript file

Transitioning my website to incorporate Angular JS

Angular page fails to refresh upon addition or deletion of data

Obtain a compilation of users who have expressed their reaction to a message with a specific emoji on Discord

Refresh the angular form after submitting data

A guide to using jqGrid: Retrieve the value of a particular cell by double clicking on a row

A guide on how to retrieve POST form fields in Express

Open multiple accordion sections simultaneously

"Automatically insert a new row into the table if the cell loses focus and is not left

"The Vue.js/JavaScript object updates, but the changes are not being displayed in the document object model (DOM

The ng-click event in AngularJS does not function as expected when nested within another ng-repeat loop

Exploring the Exciting World of Jquery Cycle and Dynamic Ajax Capt

ReactJS mixes up fetch URLs with another fetch_WRONG_FETCH