Using angularjs forEach loops

Question

I am getting this type of json in my $scope of angularjs:

$scope.someStuff = {
      "id": 2,
      "service": "bike",
      "min": "22",
      "per": "100",
      "tax": "1",
      "categoryservices": [
        {
          "id": 32,
          "category": {
            "id": 1,
            "name": "software"
          }
        },
        {
          "id": 33,
          "category": {
            "id": 2,
            "name": "hardware"
          }
        },
        {
          "id": 34,
          "category": {
            "id": 3,
            "name": "waterwash"
          }
        }
      ]
    }

I want to use angularjs forEach loop and i want to get only category name,

My expected output:

[{"name":"software"}, {"name":"hardware"}, {"name":"waterwash"}]

$scope.someStuff.categoryservices.map((x) => { return { name: x.category.name}}) — Satpal
– Satpal, Commented Mar 16, 2018 at 9:42

Satpal · Accepted Answer · 2018-03-16 09:43:02Z

1

You can use Array.map()

The map() method creates a new array with the results of calling a provided function on every element in the calling array.

$scope.someStuff.categoryservices.map((x) => { return { name: x.category.name}})

var obj = {
  "id": 2,
  "service": "bike",
  "min": "22",
  "per": "100",
  "tax": "1",
  "categoryservices": [{
      "id": 32,
      "category": {
        "id": 1,
        "name": "software"
      }
    },
    {
      "id": 33,
      "category": {
        "id": 2,
        "name": "hardware"
      }
    },
    {
      "id": 34,
      "category": {
        "id": 3,
        "name": "waterwash"
      }
    }
  ]
};

console.log(obj.categoryservices.map((x) => {
  return {
    name: x.category.name
  }
}))

answered Mar 16, 2018 at 9:43

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

Comments

Mihai Alexandru-Ionut · Accepted Answer · 2018-03-16 09:42:54Z

1

You can use map method by passing a callback function as parameter.

const someStuff = { "id": 2, "service": "bike", "min": "22", "per": "100", "tax": "1", "categoryservices": [ { "id": 32, "category": { "id": 1, "name": "software" } }, { "id": 33, "category": { "id": 2, "name": "hardware" } }, { "id": 34, "category": { "id": 3, "name": "waterwash" } } ] }   
let array = someStuff.categoryservices.map(function({category}){
  return {'name' : category.name}
});
console.log(array);

answered Mar 16, 2018 at 9:42

Mihai Alexandru-Ionut

48.6k14 gold badges106 silver badges132 bronze badges

Collectives™ on Stack Overflow

Using angularjs forEach loops

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