如何从下拉菜单中删除重复的值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何从下拉菜单中删除重复的值相关的知识,希望对你有一定的参考价值。

我有一个用来创建下拉逻辑的数据数组。但是当我使用:创建下拉菜单时,会有一系列重复的值]

                    <select>
`                     `{
                        this.state.statistic_table.map((obj) => {
                            return <option value={obj.period}>{obj.period}</option>
                        })
                    }</select>

长数组列表包含许多重复的周期值,实际上是几个月。因此,在下拉菜单中,我将获得每个值。我想从下拉列表中删除重复项。我该如何实现?谢谢

我有一个用来创建下拉逻辑的数据数组。但是当我使用以下命令创建下拉逻辑时,会有一系列重复的值:

答案
一种实现此目标的方法可能是在映射数组后使用Set API:
另一答案
我将以这种方式解决:

以上是关于如何从下拉菜单中删除重复的值的主要内容,如果未能解决你的问题,请参考以下文章

如何从下拉框中获取用户选择的值并将其添加到模型中? [重复]

从数据集中删除相同的值

如何创建使用 PHP 从数据库中删除行的下拉菜单?

将下拉菜单中的值传递给 Flask 模板

如何从表格的下拉菜单中删除先前选择的选项?

如何从 jQuery Chosen 选择下拉菜单中隐藏或删除选项