How to check if an array only contains empty strings for a specific key

Question

I have an array that contains a key values which in it has a key called name. Example:

[
    {
        "id": 277,
        "name": "Kleur",
        "order": null,
        "values": [
            {
                "id": 789,
                "name": "ivoor",
                "images": [],
                "order": null,
                "disabled": false
            },
            {
                "id": 793,
                "name": "wit",
                "images": [],
                "order": null,
                "disabled": false
            },
            {
                "id": 794,
                "name": "zwart",
                "images": [],
                "order": null,
                "disabled": false
            }
        ]
    },
    {
        "id": 278,
        "name": "Cup",
        "order": null,
        "values": [
            {
                "id": 790,
                "name": "",
                "images": [],
                "order": null,
                "disabled": false
            }
        ]
    },
    {
        "id": 279,
        "name": "Maat",
        "order": null,
        "values": [
            {
                "id": 791,
                "name": "ONE",
                "images": [],
                "order": null,
                "disabled": true
            }
        ]
    },
    {
        "id": 280,
        "name": "Prothesehoesje",
        "order": null,
        "values": [
            {
                "id": 792,
                "name": "",
                "images": [],
                "order": null,
                "disabled": true
            }
        ]
    }
]

I loop through this and want to check for every loop if the values only contains an empty string as name value.

Above desired output should be:

false
true
false
true

My loop that produces above array:

options.forEach(function (option) {
    
    const values = getAvailableValues(option, variants, selected, currentOption);

    values.forEach(function (value, index) {
        console.log(value, index);
    });

    console.log(values.every(name => name === ''));
    
}

As you can see I tried this part that I found online: values.every(name => name === '') however this returns false for every array as you can see:

I also found the some() method to achieve this, but this only checks an entire array for empty strings while I only want to check for the specific key name.

How to do this?

Does this answer your question? How to check if array of object's properties are empty in javascript — Heretic Monkey
– Heretic Monkey, Commented Jul 8, 2022 at 12:47

gmoniava · Accepted Answer · 2022-07-08 12:57:12Z

2

every provides you with an item of the array as argument, you need to access its name property:

 console.log(values.every(v => v.name === ''));

edited Jul 8, 2022 at 12:57

answered Jul 8, 2022 at 12:41

gmoniava

28.9k9 gold badges61 silver badges101 bronze badges

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

2 Comments

twan Over a year ago

Thanks this works but what does the v stand for? I don't have v in my array

gmoniava Over a year ago

added to answer..

Shilly · Accepted Answer · 2022-07-08 12:58:55Z

Map all the entries.

Check if .some() of the values have a name that is not an empty string.

Return false if there's a name, true if there is't by reversing the output of .some().

The same can obviously be done with .every() by reversing the logic.

const data = [
    {
        "id": 277,
        "name": "Kleur",
        "order": null,
        "values": [
            {
                "id": 789,
                "name": "ivoor",
                "images": [],
                "order": null,
                "disabled": false
            },
            {
                "id": 793,
                "name": "wit",
                "images": [],
                "order": null,
                "disabled": false
            },
            {
                "id": 794,
                "name": "zwart",
                "images": [],
                "order": null,
                "disabled": false
            }
        ]
    },
    {
        "id": 278,
        "name": "Cup",
        "order": null,
        "values": [
            {
                "id": 790,
                "name": "",
                "images": [],
                "order": null,
                "disabled": false
            }
        ]
    },
    {
        "id": 279,
        "name": "Maat",
        "order": null,
        "values": [
            {
                "id": 791,
                "name": "ONE",
                "images": [],
                "order": null,
                "disabled": true
            }
        ]
    },
    {
        "id": 280,
        "name": "Prothesehoesje",
        "order": null,
        "values": [
            {
                "id": 792,
                "name": "",
                "images": [],
                "order": null,
                "disabled": true
            }
        ]
    }
];
//  Map all the entries
//  Check if .some() of the values have a name that is not an empty string
//  Return false if there's a name, true if there is't by flipping the result of .some()
const mapping = data.map(function( entry ) {
  return !entry.values.some( value => !!value.name ) 
});

console.log( mapping );

Collectives™ on Stack Overflow

How to check if an array only contains empty strings for a specific key

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related