ES6获取数组中的嵌套对象

Question

如何找到深深嵌套在数组中的单个对象？ 这是有效的代码。 但是当[0]返回null或一个空数组时，它实际上并没有保存。

this.subscription = state.subscriptionsState.subscriptions
    .map(subs => subs.subscriptions.find(sub => sub.id === subscriptionId))[0];

有更好/更好的方法吗？

编辑：输入数据：

state.subscriptionsState.subscriptions = [
    {
        "name": "name",
        "type": "type",
        "subscriptions": [{
            "id": 123456,
        }]
    }
]

Answer 1

您可以reduce基本数组reduce为仅包含预订的一维数组。

从那时起，它是一个简单的.find() ，如果未找到任何内容，则返回undefined如果发现任何内容，则返回subscription 。

 'use strict' const items =[ { "name": "name", "type": "type", "subscriptions": [{ "id": 123456, }] } ] const result = items .reduce((arr, item) => arr.concat(item.subscriptions), []) .find(sub => sub.id === 123456) console.log(result) 

如果基本Array为空，或者如果任何第一级项目subscriptions Array属性为空，则这将不会引发任何错误，它将仅返回undefined 。

Answer 2

如果您拥有ES6，则可以使用解构分配来简化此操作：

const { subscriptionsState: { subscriptions } } = state

this.subscription = subscriptions.find(s => s.id === subscriptionId)