Angular 11如何获取子数组中的所有项目是否包含另一个给定数组中的项目答案

【问题标题】：Angular 11 how to get if all items in child array includes items in another given arrayAngular 11如何获取子数组中的所有项目是否包含另一个给定数组中的项目
【发布时间】：2021-12-26 15:12:23
【问题描述】：

我有以下复杂数组：

private _questionTypes: QuestionType[] = <QuestionType[]>[
        {
            name: 'YesNoN/A',
            displayText: 'Yes / No / N/A',
            questionTypeItem: <QuestionTypeAttribute[]>[
                {
                    displayText: 'Yes',
                    color: 'green',
                },
                {
                    displayText: 'No',
                    color: 'red',
                },
                {
                    displayText: 'N/A',
                    color: '#FFBF00',
                }
            ]
        },
        {
            displayText: 'Completed / In Progress / Not Started',
            name: 'NotStartedInProgressCompletedDummyOption',

            questionTypeItem: <QuestionTypeAttribute[]>[
                {
                    displayText: 'Completed',
                    color: 'green',
                },
                {
                    displayText: 'In Progress',
                    color: '#FFBF00',
                },
                {
                    displayText: 'Not Started',
                    color: 'red',
                }
            ]
        }

我想找到数组的索引，其中“questionTypeItem”数组中的所有项目都包含来自给定测试数组的值。即

titles = ['Yes','No','N/A']

我想检查哪个项目与titles数组中的所有项目匹配，并在此示例中获取'displayText'属性预期值

我尝试了类似下面的方法但没有成功：

    return this._questionTypes.find(
        x => x.questionTypeItem.every(item => item.displayText.includes(titles))
    ).map(yy => yy.displayText);

【问题讨论】：

标签： typescript ecmascript-6 angular11

【解决方案1】：

    const selectedItem = this._questionTypes
        .find(q => q.questionTypeItem.every(item => titles.includes(item.displayText)));

上面的脚本对我有用

【讨论】：