How to remove index custom element in 2 dimensional array with empty value Javascript [duplicate]

Question

Supposed I have 2 dimensional array in javascript and I want remove the empty element something like this [] in array, for example:

// like this
var newArray = [["test1", "test2"], ["test3", "test4"], []];

// or like this
var newArray= [["test1", "test2"], [], ["test3", "test4"]];

and my code so far

var newArray= [["test1", "test2"], ["test3", "test4"], []];
for(var loop = 0; loop < newArray.length; loop++){
        if (newArray[loop] === null){
            // remove this empty element
            newArray[loop].slice();
        }
    }
console.log(newArray);

And my output so far

[ [ 'test1', 'test2' ], [ 'test3', 'test4' ], [] ]

How to remove that empty element? and when I print to the console the result that I want must:

[ [ 'test1', 'test2' ], [ 'test3', 'test4' ] ]

Please help and thank you

I know this is not an exact duplicate, but the solution should work here as well — Rajesh Dixit
– Rajesh Dixit, Commented Nov 13, 2017 at 7:24
Iam new in javascript, Did you mean the code is something like: var twoDArray = newArray.filter( newArray => newArray.length); There is an error on it — Mohamad Handy Nugraha
– Mohamad Handy Nugraha, Commented Nov 13, 2017 at 7:32

Aluan Haddad · Accepted Answer · 2017-11-13 07:59:54Z

3

Try

array = array.filter(a => a && a.length !== 0);

filter is one of the standard array functions provided by JavaScript. It is a higher order function that takes a predicate function which it applies to each element in the array. In this case we have an array of arrays so a is an array.

edited Nov 13, 2017 at 7:59

answered Nov 13, 2017 at 7:19

Aluan Haddad

32.1k10 gold badges83 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

12 Comments

Mohamad Handy Nugraha Over a year ago

Sorry I am new in javascript. what is a in my code? is it something like newArray = newArray.filter(newArray => newArray && newArray.length !== 0)

learner Over a year ago

var newArray= [["test1", "test2"], ["test3", "test4"], []]; newArray = newArray.filter(a => a && a.length !== 0);

Aluan Haddad Over a year ago

@MohamadHandyNugraha I added some extra information. a is the name of the parameter that represents each value in the array. Since it's an array of arrays it takes the value of each inner array in turn

Mohamad Handy Nugraha Over a year ago

Thanks for the help guys

learner Over a year ago

agreed. Might be some other things causing the issues.

|

Prashant Saini · Accepted Answer · 2017-11-13 07:52:38Z

2

You can also use more basic splice method to delete the element of an array without leaving null or empty values.

You can use this code as:

var newArray = [["test1", "test2"], ["test3", "test4"], []];

for(var loop = 0; loop < newArray.length; loop++){
    var tempArray = newArray[loop];    

    // safely check if empty value is actually an array or not, if array then only use length property so it doesn't get undefined
    if (Array.isArray(tempArray) && (tempArray.length == 0)) {
        newArray.splice(loop, 1);
        --loop;   // decrease the loop value by 1 because original array has its length decreased by 1
    }
}

console.log(newArray);

// [["test1","test2"],["test3","test4"]]

edited Nov 13, 2017 at 7:52

answered Nov 13, 2017 at 7:45

Prashant Saini

3,5391 gold badge13 silver badges24 bronze badges

Collectives™ on Stack Overflow

How to remove index custom element in 2 dimensional array with empty value Javascript [duplicate]

2 Answers 2

12 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

12 Comments

Comments

Linked

Related