Ways to eliminate empty values from an array in JavaScript

Question

Ways to eliminate empty values from an array in JavaScript

I need help deleting any null elements from my array

 [ [ null, [ [Array], [Array] ] ] ]

I am looking to restructure it as

[ [[Array],[Array]], [[Array],[Array]],  [[Array],[Array]] ]

If there are any undefined/null objects like :

[ [[Array],[]],  [[Array],[Array]],  [[Array],[Array]] ]

I want to eliminate the entire element [[Array],[]]

The 'yes' and 'no' messages indicate which elements have the undefined value. However, I have attempted filtering out by checking for null values but without success.

var filter = Total[0][i];

filter.forEach(e => {
    if ((e[0] !== undefined)&&(e[1] !== undefined)) {
        console.log('yes');
    } else {
        console.log('no');
        Total[0][i] = null;
    }
});

var totalArray = [];

const resultFilter = Total.filter(arr => arr != null);

var Filtereddata = resultFilter.filter(function(element) {
    return element !== null;
}

I am uncertain about how to effectively remove the element or filter them into a new array removing any null entries. The presence of null Arrays is causing formatting issues client-side with extra commas, hence it would be preferable to completely remove those indices/elements.

javascript arrays null

Answer 1

Answer №1

To effectively eliminate any null values within an array, you can utilize a recursive approach to filter them out:

 const removeNulls = arr => arr
    .map(el => Array.isArray(el) ? removeNulls(el) : el)
    .filter(item => item !== null);

If your goal is to also get rid of empty arrays, simply replace [] with null:

 const removeEmpty = arr => arr.length ? arr : null;

Next, modify the recursive function call from removeNulls(el) to removeEmpty(removeNulls(el))

Answer 2

To effectively eliminate any null values within an array, you can utilize a recursive approach to filter them out:

 const removeNulls = arr => arr
    .map(el => Array.isArray(el) ? removeNulls(el) : el)
    .filter(item => item !== null);

If your goal is to also get rid of empty arrays, simply replace [] with null:

 const removeEmpty = arr => arr.length ? arr : null;

Next, modify the recursive function call from removeNulls(el) to removeEmpty(removeNulls(el))

Ways to eliminate empty values from an array in JavaScript

Answer №1

Similar questions

Using D3.js to plot data points on a topojson map's coordinates

Update the canvas box's color when you interact with it by clicking inside

Generating dynamic variable names in JavaScript

How to correctly serialize nested maps in JQuery ajax data for sending?

Having trouble with the functionality of Bootstrap's nav-tabs 'show' feature?

Are there any JavaScript charting tools that can draw in a clockwise direction with multiple data points?

Animation loading on React.js when the page or URL is changed

Angular dependency injection function

Not all elements are removed by an array

Retrieve information from an external JSON file and display it in a jstree

Periodically transmit information to a Google Script web application

The outcome of the Javascript Calculator is showing as "Undefined"

Updating specific data in MongoDB arrays: A step-by-step guide

``req.body is not being properly populated when data is sent using form-data, causing

Changing the color of a highlighted face on a PlaneGeometry in ThreeJS

The output from VScode-Code-Runner is limited to just the directory, with no additional

align all items centrally and customize Excel columns based on the length of the data

What could be the reason for the absence of 'server' and 'client'?

What do you mean my cookie isn't working?

Is it possible for SqlCommand.ExecuteReader to automatically open the database connection?