创建一个 JavaScript 对象，用于抓取每个数组项并对其进行整理

Creating a JavaScript object that grabs each array item and collates it

本文关键字：数组 抓取 一个 JavaScript 用于 对象 创建      更新时间：2023-09-26

我正在尝试创建一个JavaScript对象，该对象抓取BusinessData中的每个services数组，然后按如下方式对其进行整理：

services: [
                {
                    id: 1,
                    businessId: 1,
                    title: 'Brake Fluid Refresh'
                },
                {
                    id: 2,
                    businessId: 1,
                    title: 'Diagnostics'
                },
                {
                    id: 3,
                    businessId: 1,
                    title: 'Coolant Refresh'
                },
                {
                    id: 4,
                    businessId: 1
                    title: 'Oil Change'
                },
                {
                    id: 5,
                    businessId: 1,
                    title: 'MOT'
                },
                {
                    id: 6,
                    businessId: 1,
                    title: 'Summer Check'               
                },
                {
                    id: 7,
                    businessId: 1,
                    title: 'Winter Check'                   
                }           
            ]

这是我到目前为止的代码：

var businessData = [
        {
            id: 1,
            categoryId: 1,
            name: 'Japan Center Garage',
            services: [
                {
                    id: 1,
                    businessId: 1,
                    title: 'Brake Fluid Refresh'
                },
                {
                    id: 2,
                    businessId: 1,
                    title: 'Diagnostics'
                }               
            ]
        },
        {
            id: 2,
            categoryId: 1,
            name: 'Rex Garage',
            services: [
                {
                    id: 3,
                    businessId: 1,
                    title: 'Coolant Refresh'
                },
                {
                    id: 4,
                    businessId: 1
                    title: 'Oil Change'
                }   
            ]
        },
        {
            id: 3,
            categoryId: 1,
            name: 'Mission & Bartlett Garage',
            services: [
                {
                    id: 5,
                    businessId: 1,
                    title: 'MOT'
                },
                {
                    id: 6,
                    businessId: 1,
                    title: 'Summer Check'               
                },
                {
                    id: 7,
                    businessId: 1,
                    title: 'Winter Check'                   
                }               
            ]
        }               
    ]
    return {
        getAllCategories: function () {
            return categoryData;
        },
        getAllServices: function () {
            var servicesData = {
                services: []
            };
            for(var i = 0; i < businessData.length; i++) {
                if(businessData[i].services) {
                    servicesData['services'].push(businessData[i].services)
                }
            }
            return servicesData;
        },
        getAllBusinesses: function () {
            return businessData;
        },
    }
}])
它

工作得不是很好，并且生成了一个数组，从我的控制器调用它后，我似乎无法访问它：

<div class="item item-divider">
Service
</div>
<ion-list>
<ion-item ng-repeat="item in serviceList | orderBy:'title'">
  <p>{{item.title}}</p>
</ion-item>
</ion-list>
<div ng-if="item !== undefined && !item.length" class="no-results">
<div class="item" style="border-top: 0px">
    <p>No Results</p>
</div>
</div>

更新

从我的控制器调用serviceList：

$scope.serviceList = ServicesData.getAllServices();

这里出了什么问题？

var services = [];
businessData.forEach(function (business) {
    Array.prototype.push.apply(services, business.services);
});
您

几乎就在那里，但您正在将服务数组推送到阵列中。通过使用 Array.prototype.push.apply，我们将服务推送到数组。这最终会给你你想要的结果:)

你可以使用 lodash 来实现这一点，你最好把它添加到你的工具包中。

以下是 lodash 的外观：

_.flatMap(businessObject, (d) => d.services)

甚至

_.flatMap(businessObject, "services")

为了使它更详细一点，您正在执行映射，然后展平：

var mapped = _.map(businessObject, "service")
var services = _.flatten(mapped)
相关文章：