Использование angularjs для каждого цикла

Я получаю этот тип json в моей $ области 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"
          }
        }
      ]
    }

Я хочу использовать цикл angularjs forEach, и я хочу получить только название категории,

Мой ожидаемый результат:

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

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

— 16.03.2018 10:42

javascript arrays json object

16.03.2018 10:39

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Вы можете использовать метод map, передав функцию Перезвоните в качестве параметра.

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.info(array);

16.03.2018 10:42

Ответ принят как подходящий

Вы можете использовать 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.info(obj.categoryservices.map((x) => {
  return {
    name: x.category.name
  }
}))

16.03.2018 10:43

Другие вопросы по теме

Как объединить свойства объекта с индексами массивов в их именах в единый массив?

Как нарезать np.array, используя список неизвестной длины?

Вычитание массива Java

Невозможно прочитать IF при выводе на печать

Подсчет идентификатора и назначение года

Сохранение сгенерированного слова в массив / список слов при нажатии кнопки

PHP анализирует xml в массив

Как сделать _lodash.zip с меньшим количеством кода

Элемент порядка PHP в массиве по их частоте

Php ищет значение одномерного массива, и если значение отсутствует в многомерном массиве, добавьте элемент с нулевым значением

Использование angularjs для каждого цикла

Ответы 2

Другие вопросы по теме

Похожие вопросы