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

increase the pointer of the float array

Compatible with pure vanilla JavaScript, but not jQuery

A Step-by-Step Guide to Successfully Clicking on a Checkbox Using Selenium and Python

The step-by-step guide on displaying API choices in an Autocomplete feature and keeping them up

I'm confused as to why this is occurring even though the codes appear to be identical

Automated Form Submission: A Guide to Automatically Sending the Form After Captcha Verification

What is the correct way to dynamically switch between RTL and LTR in React with Material UI?

React state object iteration doesn't produce any visible output

Variations in the module pattern in JavaScript

How can I make <p> elements change color when scrolling?

Tutorial on how to update a specific value in an array of objects using setState on click event

There seems to be an issue with $(window).scrollTop() not functioning properly in Safari

Making sure Angular picks up on $scope changes

What is the best way to generate a complete PDF of a webpage using pdfmake?

Change the value in Vue through a single action (swapping out buttons)

Efficiently uploading images with AJAX when submitting a form

Disabling scrolling on body while scrolling a superimposed element

Using checkboxes to select all in AngularJS

Transforming data from a singular object into an array containing multiple objects with key-value pairs

What is the best way to convert the results of a Get-ADComputer PowerShell query into a JSON format that includes the IP address and a parent object such as