How to use 'map' with array in array (Json)

Question

I have JSON data:

users = [{
  "name": "alex", 
   "id":123, 
   "surname":"xx", 
    tarriff: {
      "id":1,
      "name":"free"
    }
},
 {
  "name": "tom", 
   "id":124, 
   "surname":"henry", 
    tarriff: {
      "id":1,
      "name":"free"
    }
}

]

I need to filter the data (remove "surname":"xx", "surname":"henry" and smt else ).

If I use tarriff.name that's give syntax error

$scope.userfilter = users.map(({name,id, tarriff.name}) => ({name, id, tariff_name}));

help me please write the right solution.

Nina Scholz · Accepted Answer · 2017-12-27 11:59:36Z

1

You could take a destructuring assignment and build a new object with short hand properties.

var users = [{ name: "alex", id: 123, surname: "xx", tarriff: { id: 1, name: "free" } }, { name: "tom", id: 124, surname: "henry", tarriff: { id: 1, name: "free" } }],
    result = users.map(({ name, id, tarriff }) => ({ name, id, tarriff_name: tarriff.name }));
    
console.log(result);

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

edited Dec 27, 2017 at 11:59

answered Dec 26, 2017 at 20:08

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

Comments

Baumi · Accepted Answer · 2017-12-26 20:07:20Z

0

Your users variable is an object, not array. I assume this is just a mistake here and you want to know how to filter an array. You should use filter method like this:

const users = [
  {"name": "alex", "id":123, "surname":"xx", tarriff:{"id":1,"name":"free"}},
  {"name": "emma", "id":123, "surname":"yy", tarriff:{"id":2,"name":"anna"}}
];

const criterium = "free";
const matchingUsers = users.filter(user => user.tarriff.name == criterium);

console.log (matchingUsers)

answered Dec 26, 2017 at 20:07

Baumi

1,7671 gold badge18 silver badges32 bronze badges

Comments

Abderrahmane TAHRI JOUTI · Accepted Answer · 2017-12-26 20:35:49Z

0

it is hard to understand what you really want. but I am guessing that you are not talking about Array.filter and rather mapping deeply.

the syntax error is because you are de-structuring wrong. here is a better way :

$scope.userfilter = users.map( ({name, id, tarriff: { name: tarriff_name }}) => {
    return {name, id, tariff_name};
});

edited Dec 26, 2017 at 20:35

answered Dec 26, 2017 at 20:09

Abderrahmane TAHRI JOUTI

4,3732 gold badges29 silver badges47 bronze badges

Collectives™ on Stack Overflow

How to use 'map' with array in array (Json)

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related