How to exclude empty values and keys in array with jquery?

Question

I have an array;

[
  {pre_ref_fullname: "", pre_ref_position: "", pre_ref_phone: ""},
  {pre_ref_fullname: "", pre_ref_position: "", pre_ref_phone: ""},
  {pre_ref_fullname: "", pre_ref_position: "", pre_ref_phone: ""}
]

So, I want to remove elements if values is empty. If user added 2 referance info I want to get this data like this;

[
{pre_ref_fullname: "Name", pre_ref_position: "Job", pre_ref_phone: "Number"},
{pre_ref_fullname: "Name2", pre_ref_position: "Job2", pre_ref_phone: "Number2"}
]

I'm used some methods but not working. This is the last try with reduce and $prerefData is have this array;

var arr = $prerefData.reduce((result, item) => {
    if (item.value != "") {
       result.push(item);
    }
    return result;
    }, []);
console.log(arr);

Possible duplicate of How do I remove all null and empty string values from a json object? — Heretic Monkey
– Heretic Monkey, Commented May 14, 2019 at 3:48

Ali Elkhateeb · Accepted Answer · 2019-05-14 02:33:56Z

2

You can use Javascript Array filter method

Briefly Array.filter will loop over your array, and run the callback on each element:

If it returns true: Element is included in result
If it returns false: Element is filtered out

let data = [
  {pre_ref_fullname: "", pre_ref_position: "", pre_ref_phone: ""},
  {pre_ref_fullname: "", pre_ref_position: "", pre_ref_phone: ""},
  {pre_ref_fullname: "", pre_ref_position: "", pre_ref_phone: ""},
  {pre_ref_fullname: "Name", pre_ref_position: "Job", pre_ref_phone: "Number"},
  {pre_ref_fullname: "Name2", pre_ref_position: "Job2", pre_ref_phone: "Number2"}
];

let result = data.filter(function (item) {
  for(key in item) {
    if (item[key]) {
      // Means one of the object keys have values, include it in the result
      return true
    }
  }
})

console.log(result)

answered May 14, 2019 at 2:33

Ali Elkhateeb

3,8335 gold badges26 silver badges43 bronze badges

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

2 Comments

Noob Doez Over a year ago

Thank you Ali, It's exactly what I wanted.

Ali Elkhateeb Over a year ago

@NoobDoez Glad I can help :)

Kamil Kiełczewski · Accepted Answer · 2019-05-14 02:36:49Z

1

try

data.filter(x=> Object.values(x).join(''));

let data = [
  {pre_ref_fullname: "", pre_ref_position: "", pre_ref_phone: ""},
  {pre_ref_fullname: "", pre_ref_position: "", pre_ref_phone: ""},
  {pre_ref_fullname: "", pre_ref_position: "", pre_ref_phone: ""},
  {pre_ref_fullname: "Name", pre_ref_position: "Job", pre_ref_phone: "Number"},
  {pre_ref_fullname: "Name2", pre_ref_position: "Job2", pre_ref_phone: "Number2"}
];

let r = data.filter(x=> Object.values(x).join(''));

console.log(r);

answered May 14, 2019 at 2:36

Kamil Kiełczewski

93.8k34 gold badges401 silver badges375 bronze badges

Comments

Derry Nixon · Accepted Answer · 2019-05-14 02:20:40Z

0

You should use the filter method:

let filtredArr = arr.filter(ele => ele.pre_ref_fullname && ele.pre_ref_position && ele.pre_ref_phone)

Since empty strings return false you don't need to add comparisons if this is the only case to filter out elements in the array.

answered May 14, 2019 at 2:20

Derry Nixon

113 bronze badges

Comments

Jack Bashford · Accepted Answer · 2019-05-14 02:37:29Z

0

Use filter with Object.values and every, and use trim to make sure it excludes whitespace:

const data = [{pre_ref_fullname:"",pre_ref_position:"",pre_ref_phone:""},{pre_ref_fullname:"",pre_ref_position:"",pre_ref_phone:""},{pre_ref_fullname:"",pre_ref_position:"",pre_ref_phone:""},{pre_ref_fullname:"Name",pre_ref_position:"Job",pre_ref_phone:"Number"},{pre_ref_fullname:"Name2",pre_ref_position:"Job2",pre_ref_phone:"Number2"}];

const res = data.filter(e => Object.values(e).every(s => s.trim != ""));

console.log(res);

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

answered May 14, 2019 at 2:37

Jack Bashford

44.3k11 gold badges56 silver badges84 bronze badges

Comments

Eddie · Accepted Answer · 2019-05-14 03:34:02Z

You can use filter, use Object.values to extract all values of individual objects.use every to check if all array values are not empty strings.

let data = [{"pre_ref_fullname":"","pre_ref_position":"","pre_ref_phone":""},{"pre_ref_fullname":"","pre_ref_position":"","pre_ref_phone":""},{"pre_ref_fullname":"","pre_ref_position":"","pre_ref_phone":""},{"pre_ref_fullname":"Name","pre_ref_position":"Job","pre_ref_phone":"Number"},{"pre_ref_fullname":"Name2","pre_ref_position":"Job2","pre_ref_phone":"Number2"}];

let result = data.filter(o => Object.values(o).every(e => e.trim() !== ""));

console.log(result);

You can use some if you want to check at least one is not an empty string.

let data = [{"pre_ref_fullname":"","pre_ref_position":"","pre_ref_phone":""},{"pre_ref_fullname":"","pre_ref_position":"not Empty","pre_ref_phone":""},{"pre_ref_fullname":"","pre_ref_position":"","pre_ref_phone":""},{"pre_ref_fullname":"Name","pre_ref_position":"Job","pre_ref_phone":"Number"},{"pre_ref_fullname":"Name2","pre_ref_position":"Job2","pre_ref_phone":"Number2"}]

let result = data.filter(o => Object.values(o).some(e => e.trim() !== ""));

console.log(result);

Collectives™ on Stack Overflow

How to exclude empty values and keys in array with jquery?

5 Answers 5

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related