[已解决]检查页面所有id，如果有重复id，则返回一个二维数组

Sorawithcat

注：此函数还未完成，故只有部分代码
检查页面所有id，如果有重复id，则返回一个二维数组，内容举例为[[重复的id下标1，重复的id下标2，重复的id下标3，重复的id名1]，[重复的id下标1，重复的id下标2，重复的id名2]]
代码中的allId()是以字符串数组形式返回页面所有id
现在报错文本： Cannot set properties of undefined (setting '0')
报错位置： xiabiaoshu[v] = y

1. function setid() {
   
2.     let allid = allId()
   
3.     let chongfu = [[]]
   
4.     let z = 0
   
5.     for (let i = 0; i < allid.length; i++) {
   
6.         for (let y = i + 1; y < allid.length - 1; y++) {
   
7.             if (allid[i] == allid[y]) {
   
8.                 chongfu[z] = [i, y, allid[i]]
   
9.                 z++
   
10.             }
    
11.         }
    
12.     }
    
13.     let unchongfu = [[]]
    
14.     let xiabiaoshu = [[]]
    
15.     let u = 0
    
16.     let v = 0
    
17.     for (let i = 0; i < chongfu.length; i++) {
    
18.         for (let y = i + 1; y < chongfu.length - 1; y++, u = 0, v++) {
    
19.             if (chongfu[i][3] == chongfu[y][3]) {
    
20.                 if (i in xiabiaoshu) { } else {
    
21.                     xiabiaoshu[v][u] = i
    
22.                     u++
    
23.                 }
    
24.                 if (y in xiabiaoshu) { } else {
    
25.                     xiabiaoshu[v][u] = y
    
26.                     u++
    
27.                 }
    
28.             }
    
29.         }
    
30.     }
    
31.     return xiabiaoshu
    
32. }

复制代码

最佳答案

月排行榜 / 总排行榜

FishC

2024-1-21 12:01:15

Sorawithcat 发表于 2024-01-21 12:00
不重复的id就不要添加进去了

非常抱歉，我之前的回答有误。在您的需求中，只需要返回重复的id及其下标，不需要返回不重复的id。以下是修改后的代码：

1. function findDuplicateIds() {
   
2.   let allIds = Array.from(document.querySelectorAll('[id]')).map(element => element.id); // 获取页面中所有拥有id属性的元素的id，并转换为数组
   
3.   let duplicates = {}; // 用对象来存储重复的id及其下标
   
4. 
   
5.   for (let i = 0; i < allIds.length; i++) {
   
6.     let currentId = allIds[i];
   
7. 
   
8.     if (duplicates[currentId] === undefined) {
   
9.       duplicates[currentId] = [i]; // 第一次出现的id，直接添加下标
   
10.     } else {
    
11.       duplicates[currentId].push(i); // 已经存在的id，将下标添加到已存的数组中
    
12.     }
    
13.   }
    
14. 
    
15.   // 将重复的id及其下标转换为二维数组
    
16.   let result = Object.entries(duplicates).filter(entry => entry[1].length > 1).map(entry => [entry[0], ...entry[1]]);
    
17.   return result;
    
18. }
    
19. 
    
20. let duplicateIds = findDuplicateIds();
    
21. console.log(duplicateIds);

复制代码

在这个修改后的函数中，我们使用了一个对象`duplicates`来存储重复的id及其下标。其中对象的键是id，值是一个数组，用于存储该id出现的下标。在循环遍历所有id的过程中，我们判断当前的id是否已经存在于`duplicates`对象中。如果不存在，我们直接将当前的下标添加到该id的数组中；如果已经存在，我们将当前的下标追加到已存在的数组中。最后，我们通过`filter()`方法过滤掉只有一个下标的id，并将`duplicates`对象转换为二维数组`result`，其中每个子数组都包含了重复id的下标以及对应的id。

希望这次的答案符合您的要求！如果还有任何问题，请随时提问。

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。

跳转到最佳答案楼层

FishC

问题出在对数组的赋值上。在JavaScript中，数组的赋值应该使用`=`而不是`==`。此外，您还需要注意，数组的索引是从0开始的，所以在循环中应该使用`<`而不是`<=`。以下是修复后的代码：

1. function setid() {
   
2.     let allid = allId();
   
3.     let chongfu = [];
   
4.     let z = 0;
   
5.     for (let i = 0; i < allid.length; i++) {
   
6.         for (let y = i + 1; y < allid.length; y++) {
   
7.             if (allid[i] === allid[y]) {
   
8.                 chongfu.push([i, y, allid[i]]);
   
9.                 z++;
   
10.             }
    
11.         }
    
12.     }
    
13.     let xiabiaoshu = [];
    
14.     let u = 0;
    
15.     for (let i = 0; i < chongfu.length; i++) {
    
16.         if (!xiabiaoshu.includes(chongfu[i][0])) {
    
17.             xiabiaoshu.push(chongfu[i][0]);
    
18.             u++;
    
19.         }
    
20.         if (!xiabiaoshu.includes(chongfu[i][1])) {
    
21.             xiabiaoshu.push(chongfu[i][1]);
    
22.             u++;
    
23.         }
    
24.     }
    
25.     return xiabiaoshu;
    
26. }

复制代码

修复后的代码遍历所有id，检查是否有重复。如果有重复id，则将其索引和id存储在二维数组`chongfu`中。然后，再次循环`chongfu`数组，将重复的索引存储在`xiabiaoshu`数组中，并返回。请注意，修复后的代码仅返回重复id的索引，并没有返回重复的id本身。

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。

Sorawithcat

FishC 发表于 2024-1-21 11:48
问题出在对数组的赋值上。在JavaScript中，数组的赋值应该使用`=`而不是`==`。此外，您还需要注意，数组的 ...

怎么达到我的要求

FishC

Sorawithcat 发表于 2024-01-21 11:51
怎么达到我的要求

抱歉，我之前的回答有误导性。以下是一个修正后的函数，可以检查页面中是否存在重复的id，并返回一个二维数组：

1. function findDuplicateIds() {
   
2.   let allIds = Array.from(document.querySelectorAll('[id]')).map(element => element.id); // 获取页面中所有元素的id，并转换为数组
   
3.   let duplicates = [];
   
4.   
   
5.   for (let i = 0; i < allIds.length; i++) {
   
6.     for (let j = i + 1; j < allIds.length; j++) {
   
7.       if (allIds[i] === allIds[j]) { // 如果存在两个id相同的元素
   
8.         duplicates.push([i, j, allIds[i]]); // 将重复的id及其下标添加到二维数组中
   
9.       }
   
10.     }
    
11.   }
    
12.   
    
13.   return duplicates;
    
14. }
    
15. 
    
16. let duplicateIds = findDuplicateIds();
    
17. console.log(duplicateIds);

复制代码

在这个函数中，我们首先使用`document.querySelectorAll('[id]')`来获取页面中所有拥有id属性的元素。然后，我们将这些元素的id提取出来并存储在一个数组`allIds`中。

接着，我们使用两层循环来比较数组中的每个元素，找出是否存在重复的id。如果找到了重复的id，我们就将其下标和id添加到二维数组`duplicates`中。

最后，我们返回这个二维数组`duplicates`，其中每个子数组都包含了重复id的下标和id。

请注意，这段代码假设页面上的元素都有唯一的id。如果页面上的元素存在某些没有id属性的元素，您可以通过修改`document.querySelectorAll('[id]')`为`document.querySelectorAll('[id]:not([id=""])')`来排除这些元素。

希望对您有所帮助！如果还有任何问题，请随时提问。

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。

Sorawithcat

FishC 发表于 2024-1-21 11:51
抱歉，我之前的回答有误导性。以下是一个修正后的函数，可以检查页面中是否存在重复的id，并返回一个二 ...

但是如果有两个以上id重复则会有不必要的返回

Sorawithcat

FishC 发表于 2024-1-21 11:51
抱歉，我之前的回答有误导性。以下是一个修正后的函数，可以检查页面中是否存在重复的id，并返回一个二 ...

但是如果有两个以上id重复则会有不必要的返回，怎么样使得如果有两个以上的id重复会把下标加在之前的id名前，而不是重新push。并且下标不重复。

FishC

Sorawithcat 发表于 2024-01-21 11:58
但是如果有两个以上id重复则会有不必要的返回，怎么样 ...

如果您想要在之前的id名前添加下标，并且不重复添加相同的下标，可以使用对象来存储重复的id及其下标。以下是修改后的代码：

1. function findDuplicateIds() {
   
2.   let allIds = Array.from(document.querySelectorAll('[id]')).map(element => element.id); // 获取页面中所有拥有id属性的元素的id，并转换为数组
   
3.   let duplicates = {}; // 用对象来存储重复的id及其下标
   
4. 
   
5.   for (let i = 0; i < allIds.length; i++) {
   
6.     let currentId = allIds[i];
   
7.     if (duplicates[currentId] === undefined) {
   
8.       duplicates[currentId] = [i]; // 第一次出现的id，直接添加下标
   
9.     } else {
   
10.       duplicates[currentId].push(i); // 已经存在的id，将下标添加到已存的数组中
    
11.     }
    
12.   }
    
13. 
    
14.   // 将重复的id及其下标转换为二维数组
    
15.   let result = Object.entries(duplicates).map(([id, indexes]) => [indexes.join(', '), id]);
    
16. 
    
17.   return result;
    
18. }
    
19. 
    
20. let duplicateIds = findDuplicateIds();
    
21. console.log(duplicateIds);

复制代码

在这个修改后的函数中，我们使用了一个对象`duplicates`来存储重复的id及其下标。其中对象的键是id，值是一个数组，用于存储该id出现的下标。在循环遍历所有id的过程中，我们判断当前的id是否已经存在于`duplicates`对象中。如果不存在，我们直接将当前的下标添加到该id的数组中；如果已经存在，我们将当前的下标追加到已存在的数组中。最后，我们将`duplicates`对象转换为二维数组`result`，其中每个子数组都包含了重复id的下标以及对应的id。

这样，如果有两个以上的id重复，它们的下标就会被添加到同一个数组中，而不会重复添加相同的下标。同时，在返回的二维数组中，重复id的下标会以逗号分隔，并添加在id名的前面。

希望这次的答案符合您的要求！如果还有任何问题，请随时提问。

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。

FishC

Sorawithcat 发表于 2024-01-21 11:53
但是如果有两个以上id重复则会有不必要的返回

非常抱歉之前的回答有误。以下是修正后的代码，可以解决存在多个重复id的情况：

1. findDuplicateIds() {  let allIds = Array.from(document.querySelectorAll('*[id]')).map(element => element.id); // 获取页面中所有拥有id属性的元素的id，并转换为数组  let duplicates = [];    for (let i = 0; i < allIds.length; i++) {    for (let j = i + 1; j < allIds.length; j++) {      if (allIds[i] === allIds[j]) { // 如果存在两个id相同的元素        duplicates.push([i, j, allIds[i]]); // 将重复的id及其下标添加到二维数组中        break; // 找到重复的id后跳出当前循环      }    }  }    return duplicates;}let duplicateIds = findDuplicateIds();console.log(duplicateIds);

复制代码

修正后的代码会在找到重复id后立即跳出循环，避免将多个重复id都添加到结果数组中。希望这次的回答对您有帮助，如果还有任何问题，请随时提问！

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。

Sorawithcat

FishC 发表于 2024-1-21 11:58
如果您想要在之前的id名前添加下标，并且不重复添加相同的下标，可以使用对象来存储重复的id及其下标。 ...

不重复的id就不要添加进去了

FishC

Sorawithcat 发表于 2024-01-21 12:00
不重复的id就不要添加进去了

非常抱歉，我之前的回答有误。在您的需求中，只需要返回重复的id及其下标，不需要返回不重复的id。以下是修改后的代码：

1. function findDuplicateIds() {
   
2.   let allIds = Array.from(document.querySelectorAll('[id]')).map(element => element.id); // 获取页面中所有拥有id属性的元素的id，并转换为数组
   
3.   let duplicates = {}; // 用对象来存储重复的id及其下标
   
4. 
   
5.   for (let i = 0; i < allIds.length; i++) {
   
6.     let currentId = allIds[i];
   
7. 
   
8.     if (duplicates[currentId] === undefined) {
   
9.       duplicates[currentId] = [i]; // 第一次出现的id，直接添加下标
   
10.     } else {
    
11.       duplicates[currentId].push(i); // 已经存在的id，将下标添加到已存的数组中
    
12.     }
    
13.   }
    
14. 
    
15.   // 将重复的id及其下标转换为二维数组
    
16.   let result = Object.entries(duplicates).filter(entry => entry[1].length > 1).map(entry => [entry[0], ...entry[1]]);
    
17.   return result;
    
18. }
    
19. 
    
20. let duplicateIds = findDuplicateIds();
    
21. console.log(duplicateIds);

复制代码

在这个修改后的函数中，我们使用了一个对象`duplicates`来存储重复的id及其下标。其中对象的键是id，值是一个数组，用于存储该id出现的下标。在循环遍历所有id的过程中，我们判断当前的id是否已经存在于`duplicates`对象中。如果不存在，我们直接将当前的下标添加到该id的数组中；如果已经存在，我们将当前的下标追加到已存在的数组中。最后，我们通过`filter()`方法过滤掉只有一个下标的id，并将`duplicates`对象转换为二维数组`result`，其中每个子数组都包含了重复id的下标以及对应的id。

希望这次的答案符合您的要求！如果还有任何问题，请随时提问。

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。