Javascript - Remove array elements if all elements are null

Question

Cosider the following array:

let array = [
 {Product Title: "Milk", Product Variant: "2L", Quantity: "3"},
 {Product Title: "Water", Product Variant: "", Quantity: "3"},
 {Product Title: "Pepsi", Product Variant: "", Quantity: ""},
 {Product Title: "", Product Variant: "", Quantity: ""}
 {Product Title: "", Product Variant: "", Quantity: ""}
]

How do I remove elements from the array, if all the elements have no value?

What I've tried:

let contents = []

for (let i in array) {
  Object.keys(array[i]).forEach((k) => array[i][k] == "" && delete array[i][k])
  contents.push(array[i])
}

console.log(contents)

but this returns:

0: {Product Title: "Milk", Product Variant: "2L", Quantity: "3"},
1: {Product Title: "Water", Quantity: "3"},
2: {Product Title: "Pepsi"},
3: {}
4: {}

While I would want:

0: {Product Title: "Milk", Product Variant: "2L", Quantity: "3"},
1: {Product Title: "Water", Product Variant: "", Quantity: "3"},
2: {Product Title: "Pepsi", Product Variant: "", Quantity: ""}

const filteredArray = array.filter(o => Object.values(o).reduce((f, i) => (f || i.length > 0) , false)); — jsN00b
– jsN00b, Commented Jan 30, 2022 at 9:55

Nina Scholz · Accepted Answer · 2022-01-30 10:04:08Z

4

You could join all values and take the string for filtering.

const
    array = [{ ProductTitle: "Milk", ProductVariant: "2L", Quantity: "3" }, { ProductTitle: "Water", ProductVariant: "", Quantity: "3" }, { ProductTitle: "Pepsi", ProductVariant: "", Quantity: "" }, { ProductTitle: "", ProductVariant: "", Quantity: "" }, { ProductTitle: "", ProductVariant: "", Quantity: "" }],
    result = array.filter(o => Object.values(o).join(''));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered Jan 30, 2022 at 10:04

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

3 Comments

Carsten Massmann Over a year ago

You beat me to it again 😁! Always nice to see your answers! 👍

DogFoxX Over a year ago

Thank you so much, it works. Really like the one line solution

Randall Over a year ago

@CarstenMassmann Agreed. Her answers are amazing! She is a developer from GOD.

Carsten Massmann · Accepted Answer · 2022-01-30 10:05:31Z

2

This should do it:

const array = [
  {"Product Title": "Milk", "Product Variant": "2L", Quantity: "3"},
  {"Product Title": "Water", "Product Variant": "", Quantity: "3"},
  {"Product Title": "Pepsi", "Product Variant": "", Quantity: ""},
  {"Product Title": "", "Product Variant": "", Quantity: ""},
  {"Product Title": "", "Product Variant": "", Quantity: ""}
 ]
const res=array.filter(e=>Object.values(e).join("")>"")

console.log(res)

answered Jan 30, 2022 at 10:05

Carsten Massmann

28.4k3 gold badges25 silver badges49 bronze badges

Comments

Mehrad Alinezhad · Accepted Answer · 2022-01-30 09:55:56Z

0

try this:

let newArray = contents.filter(value => Object.keys(value).length !== 0);

Use filter on your array to have a new one without empty objects

answered Jan 30, 2022 at 9:55

Mehrad Alinezhad

974 bronze badges

Comments

jsN00b · Accepted Answer · 2022-01-30 10:08:45Z

Objective is to filter the array and retain only those objects where at least one value is not-empty (ie, element's length is above 0).

Sample-code

const getFilteredArray = (arr = array) => (
  arr.filter(obj => Object.values(obj).reduce(
    (f, i) => (f || i.length > 0),
    false
  ))
);

Explanation

Use filter to keep only specific objects in the array
Use .reduce to iterate over each object's values
The aggregator f is initially assumed to be false
If any one value is non-empty (ie, length > 0), then aggregator is set to true

Code Snippet

let array = [
 {'Product Title': "Milk", 'Product Variant': "2L", Quantity: "3"},
 {'Product Title': "Water", 'Product Variant': "", Quantity: "3"},
 {'Product Title': "Pepsi", 'Product Variant': "", Quantity: ""},
 {'Product Title': "", 'Product Variant': "", Quantity: ""},
 {'Product Title': "", 'Product Variant': "", Quantity: ""}
];

const getFilteredArray = (arr = array) => (
    arr.filter(obj => Object.values(obj).reduce(
    (f, i) => (f || i.length > 0),
    false
  ))
);

console.log(getFilteredArray());

Improvement: Consider using Array .some instead of .reduce.

This uses .some instead of .reduce.

const getFilteredArray = (arr = array) => (
  arr.filter(obj => Object.values(obj).some(
    v => v.length > 0)
  )
);

Charles · Accepted Answer · 2022-02-02 05:08:24Z

0

Use array.splice(...) to delete or replace at a specific array index or range.

Or array.filter(...) to create a new array with only elements fitting a certain criteria.

UPDATE: delete(array[index] ) will not reindex the array after deleting the item, nor the change the array length or the indices of adjacent members.

edited Feb 2, 2022 at 5:08

answered Jan 30, 2022 at 10:01

Charles

313 bronze badges

Comments

M Adyan Rohutomo · Accepted Answer · 2022-03-01 13:28:51Z

0

You could use filter, Object.values, and join. Here is the example:

let array = [
 {ProductTitle: "Milk", ProductVariant: "2L", Quantity: "3"},
 {ProductTitle: "Water", ProductVariant: "", Quantity: "3"},
 {ProductTitle: "Pepsi", ProductVariant: "", Quantity: ""},
 {ProductTitle: "", ProductVariant: "", Quantity: ""},
 {ProductTitle: "", ProductVariant: "", Quantity: ""}
]

result = array.filter(e => Object.values(e).join(''));

console.log(result);

answered Mar 1, 2022 at 13:28

M Adyan Rohutomo

112 bronze badges

1 Comment

Tom Over a year ago

Your answer is a duplicate of the accepted answer. Please make sure that any new answers are unique

Collectives™ on Stack Overflow

Javascript - Remove array elements if all elements are null

6 Answers 6

3 Comments

Comments

Comments

Comments

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

3 Comments

Comments

Comments

Comments

Comments

1 Comment

Related