javascript - 返回数组内的不同值以放入 html 中的 select 标签内

Question

目前我已经成功返回数据库的值并将其放入<select> & <option>中HTML 中的标签。我无法使用DISTINCT在 SQL 查询中，因为后端的代码位于项目的 API 内部。

所以我尝试使用 javascript 仅返回 <select> 的不同值标签。

我找到并尝试了这段代码，但是<select>标签为空。

$scope.test_ = [{"id":"1", "name":"alex", "id":"2", "name":"cedie", ,
"id":"3", "name":"alex"}]

var list = $scope.test_.filter((x,i,a) => a.indexOf(x) == i);

因此没有返回结果。

问候

Answer 1

你已经很接近了，但是代码

var list = $scope.test_.filter((x,i,a) => a.indexOf(x) == i);

只会查找完全相同的值。现在，数组中的对象实际上是唯一的，因为它们具有不同的 "id" 属性。 (否则很可能仍然具有不同的对象标识，但那是另一次了)

现在，使其仅针对名称进行测试的方法是使用 .findIndex(y => y.name === x 来代替 .indexOf(x) .name) 像这样:

var list = $scope.test_.filter((x,i,a) => a.findIndex(y => y.name === x.name) == i);

我希望代码足够不言自明，但如果不是，请告诉我:)