React.JS 根据匹配值将映射的 API 响应存储到新数组中

Question

使用 React，我从 API 响应中获取数据。我映射了数据并将作为主标识符的访问 ID 存储到变量中。我想做的是查找任何匹配的访问 ID 值并将它们存储到一个新数组中，我遇到的问题是每个实例都存储在它自己的数组中，例如：

['7065682'] at Index 0

[ '7065682'] 位于索引 1 处

['7065682'] 位于索引 2 处

['7047674'] 位于索引 3 处

['7047674'] 位于索引处4

我想查看每次迭代并检查所有迭代，将匹配值放入它自己的数组中，以便我可以根据每个唯一值编写一些逻辑。我只是不明白如何查看下一次迭代。这是我的代码，以及我一直在尝试的函数“duplicateVisitID”，但它没有给我我正在寻找的结果。

      {
        Object.keys(this.state.EncounterData).length !== 0 ?
          Object.values(this.state.EncounterData).map((encounter, i) => {
            

            const visitID = [encounter.resource.identifier[1].value];

            console.log(visitID, i);

            const duplicateVisitID = function (visitID) {
              if (visitID[i] === visitID[i])
              return [visitID.concat(visitID[i])]
            } 

Answer 1

我不确定你想做什么，但如果我理解正确的话，你想要的新数组只有唯一的字符串，而不是重复的。如果是，请参阅下面的代码。由于迭代内迭代，这不是性能最好的一个，但它会为您工作。您可以稍后通过应用一些算法对其进行优化。

newArr 等于 ['7065682', '7047674']

const EncounteredData = [['7065682'], ['7065682'], ['7065682'], ['7047674'], ['7047674']];

const newArr = [];

for(let i of EncounteredData) {
    for(let j of EncounteredData) {
        if((i[0] !== j[0]) && !newArr.includes(i[0])) newArr.push(i[0]);
    }
}

console.log(newArr);

Answer 2

如果我理解正确的话，你想要一个唯一值的数组？如果是这样，那么您可以使用映射函数并将任何唯一值添加到数组中（如果该值尚不存在于数组中）：

const uniqueVals = [];

EncounteredData.map((visitID) => {
  if (!uniqueVals.includes(visitID[0])) {
    uniqueVals.push(visitID[0]);
  }
});