Sorawithcat 发表于 2024-1-21 11:48:35

检查页面所有id,如果有重复id,则返回一个二维数组

注:此函数还未完成,故只有部分代码
检查页面所有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 = 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 == allid) {
                chongfu = ]
                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 == chongfu) {
                if (i in xiabiaoshu) { } else {
                  xiabiaoshu = i
                  u++
                }
                if (y in xiabiaoshu) { } else {
                  xiabiaoshu = y
                  u++
                }
            }
      }
    }
    return xiabiaoshu
}

FishC 发表于 2024-1-21 11:48:57

问题出在对数组的赋值上。在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 === allid) {
                chongfu.push(]);
                z++;
            }
      }
    }
    let xiabiaoshu = [];
    let u = 0;
    for (let i = 0; i < chongfu.length; i++) {
      if (!xiabiaoshu.includes(chongfu)) {
            xiabiaoshu.push(chongfu);
            u++;
      }
      if (!xiabiaoshu.includes(chongfu)) {
            xiabiaoshu.push(chongfu);
            u++;
      }
    }
    return xiabiaoshu;
}

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

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

Sorawithcat 发表于 2024-1-21 11:51:19

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

怎么达到我的要求

FishC 发表于 2024-1-21 11:51:56

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

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

function findDuplicateIds() {
let allIds = Array.from(document.querySelectorAll('')).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 === allIds) { // 如果存在两个id相同的元素
      duplicates.push(]); // 将重复的id及其下标添加到二维数组中
      }
    }
}

return duplicates;
}

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

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

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

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

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

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

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

Sorawithcat 发表于 2024-1-21 11:53:35

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

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

Sorawithcat 发表于 2024-1-21 11:58:20

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

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

FishC 发表于 2024-1-21 11:58:57

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

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

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

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

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

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 发表于 2024-1-21 11:59:29

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

非常抱歉之前的回答有误。以下是修正后的代码,可以解决存在多个重复id的情况:findDuplicateIds() {let allIds = Array.from(document.querySelectorAll('*')).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 === allIds) { // 如果存在两个id相同的元素      duplicates.push(]); // 将重复的id及其下标添加到二维数组中      break; // 找到重复的id后跳出当前循环      }    }}    return duplicates;}let duplicateIds = findDuplicateIds();console.log(duplicateIds);修正后的代码会在找到重复id后立即跳出循环,避免将多个重复id都添加到结果数组中。希望这次的回答对您有帮助,如果还有任何问题,请随时提问!

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

Sorawithcat 发表于 2024-1-21 12:00:34

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

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

FishC 发表于 2024-1-21 12:01:15

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

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

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

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

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

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

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

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

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

以上回复来自 FishC AI 小助理,如未能正确解答您的问题,请继续追问。
页: [1]
查看完整版本: 检查页面所有id,如果有重复id,则返回一个二维数组