[已解决]检查页面所有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][u] = y

function setid() {
    let allid = allId()
    let chongfu = [[]]
    let z = 0
    for (let i = 0; i < allid.length; i++) {
        for (let y = i + 1; y < allid.length - 1; y++) {
            if (allid[i] == allid[y]) {
                chongfu[z] = [i, y, allid[i]]
                z++
            }
        }
    }
    let unchongfu = [[]]
    let xiabiaoshu = [[]]
    let u = 0
    let v = 0
    for (let i = 0; i < chongfu.length; i++) {
        for (let y = i + 1; y < chongfu.length - 1; y++, u = 0, v++) {
            if (chongfu[i][3] == chongfu[y][3]) {
                if (i in xiabiaoshu) { } else {
                    xiabiaoshu[v][u] = i
                    u++
                }
                if (y in xiabiaoshu) { } else {
                    xiabiaoshu[v][u] = y
                    u++
                }
            }
        }
    }
    return xiabiaoshu
}

最佳答案

月排行榜 / 总排行榜

FishC

2024-1-21 12:01:15

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

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

function findDuplicateIds() {
  let allIds = Array.from(document.querySelectorAll('[id]')).map(element => element.id); // 获取页面中所有拥有id属性的元素的id，并转换为数组
  let duplicates = {}; // 用对象来存储重复的id及其下标

  for (let i = 0; i < allIds.length; i++) {
    let currentId = allIds[i];

    if (duplicates[currentId] === undefined) {
      duplicates[currentId] = [i]; // 第一次出现的id，直接添加下标
    } else {
      duplicates[currentId].push(i); // 已经存在的id，将下标添加到已存的数组中
    }
  }

  // 将重复的id及其下标转换为二维数组
  let result = Object.entries(duplicates).filter(entry => entry[1].length > 1).map(entry => [entry[0], ...entry[1]]);
  return result;
}

let duplicateIds = findDuplicateIds();
console.log(duplicateIds);

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

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

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

跳转到最佳答案楼层

FishC

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

function setid() {
    let allid = allId();
    let chongfu = [];
    let z = 0;
    for (let i = 0; i < allid.length; i++) {
        for (let y = i + 1; y < allid.length; y++) {
            if (allid[i] === allid[y]) {
                chongfu.push([i, y, allid[i]]);
                z++;
            }
        }
    }
    let xiabiaoshu = [];
    let u = 0;
    for (let i = 0; i < chongfu.length; i++) {
        if (!xiabiaoshu.includes(chongfu[i][0])) {
            xiabiaoshu.push(chongfu[i][0]);
            u++;
        }
        if (!xiabiaoshu.includes(chongfu[i][1])) {
            xiabiaoshu.push(chongfu[i][1]);
            u++;
        }
    }
    return xiabiaoshu;
}

修复后的代码遍历所有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，并返回一个二维数组：

function findDuplicateIds() {
  let allIds = Array.from(document.querySelectorAll('[id]')).map(element => element.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及其下标添加到二维数组中
      }
    }
  }
  
  return duplicates;
}

let duplicateIds = findDuplicateIds();
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及其下标。以下是修改后的代码：

function findDuplicateIds() {
  let allIds = Array.from(document.querySelectorAll('[id]')).map(element => element.id); // 获取页面中所有拥有id属性的元素的id，并转换为数组
  let duplicates = {}; // 用对象来存储重复的id及其下标

  for (let i = 0; i < allIds.length; i++) {
    let currentId = allIds[i];
    if (duplicates[currentId] === undefined) {
      duplicates[currentId] = [i]; // 第一次出现的id，直接添加下标
    } else {
      duplicates[currentId].push(i); // 已经存在的id，将下标添加到已存的数组中
    }
  }

  // 将重复的id及其下标转换为二维数组
  let result = Object.entries(duplicates).map(([id, indexes]) => [indexes.join(', '), id]);

  return result;
}

let duplicateIds = findDuplicateIds();
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的情况：

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。以下是修改后的代码：

function findDuplicateIds() {
  let allIds = Array.from(document.querySelectorAll('[id]')).map(element => element.id); // 获取页面中所有拥有id属性的元素的id，并转换为数组
  let duplicates = {}; // 用对象来存储重复的id及其下标

  for (let i = 0; i < allIds.length; i++) {
    let currentId = allIds[i];

    if (duplicates[currentId] === undefined) {
      duplicates[currentId] = [i]; // 第一次出现的id，直接添加下标
    } else {
      duplicates[currentId].push(i); // 已经存在的id，将下标添加到已存的数组中
    }
  }

  // 将重复的id及其下标转换为二维数组
  let result = Object.entries(duplicates).filter(entry => entry[1].length > 1).map(entry => [entry[0], ...entry[1]]);
  return result;
}

let duplicateIds = findDuplicateIds();
console.log(duplicateIds);

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

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

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