Empty array when using _.unique to return distinct value in object

Question

I have an object like this

data: [
  {
    "Type":"100, S4",
    "Model":"1 serie, e82",
    "Manufacturer":"BMW",
    "Vehicle":"Cars"
  },
  {
    "Type":"type 2",
    "Model":"a serie",
    "Manufacturer":"Toyota",
    "Vehicle":"Cars"
  },
  {
    "Type":"type 3",
    "Model":"v4",
    "Manufacturer":"Toyota",
    "Vehicle":"SUVs"
  }
]

then I used jquery and lodash library with expect to return distinct value from the object.

Tried #1:

  $.each( data, function( i, value ) {
    var vehicles = _.uniqBy(value);
    console.log(vehicles);
  });

Result: got 3 empty arrays printed in console.log

Tried #2:

  $.each( data, function( i, value ) {
    var vehicles = _.uniqBy(value.Vehicle);
    console.log(vehicles);
  });

Result: 4 arrays within split characters

(4) ["C", "a", "r", "s"]
(4) ["C", "a", "r", "s"]
(4) ["S", "U", "V", "s"]

I expected to got an array within

["Cars", "SUVs"]

How could I deal with it? Thanks for help!

ryeballar · Accepted Answer · 2017-05-25 10:32:24Z

1

You can use lodash#map to get all Vehicle property strings, and then use lodash#uniq to remove all duplicate strings.

var result = _(data).map('Vehicle').uniq().value();

var data = [
  {
    "Type":"100, S4",
    "Model":"1 serie, e82",
    "Manufacturer":"BMW",
    "Vehicle":"Cars"
  },
  {
    "Type":"type 2",
    "Model":"a serie",
    "Manufacturer":"Toyota",
    "Vehicle":"Cars"
  },
  {
    "Type":"type 3",
    "Model":"v4",
    "Manufacturer":"Toyota",
    "Vehicle":"SUVs"
  }
];

var result = _(data).map('Vehicle').uniq().value();

console.log(result);

body > div { top: 0; }

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.js"></script>

answered May 25, 2017 at 10:32

ryeballar

30.1k10 gold badges67 silver badges76 bronze badges

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

Comments

LazyDeveloper · Accepted Answer · 2017-05-25 10:28:49Z

1

Try this

var vehicles  = _.uniqBy(data, function (e) {
      return e.Vehicle;
    }).map(function(veh){
    return veh.Vehicle;
});   
console.log(vehicles);

answered May 25, 2017 at 10:28

LazyDeveloper

6094 silver badges8 bronze badges

Collectives™ on Stack Overflow

Empty array when using _.unique to return distinct value in object

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related