javascript - 检查数组 onchange 中的重复值

Question

我需要检查输入数组中的 2 个值是否相同，以便删除重复项。

我尝试了一个 for 循环来比较 i

const input1 = document.querySelector("#a")
const input2 = document.querySelector("#b")
const unsafeInputs = [input1, input2]

function checkInputs() {
  for (let i = 0, j = unsafeInputs.length; i < j; i++) {
    if (unsafeInputs[i].value === unsafeInputs[j].value) {
      console.log("values are same")
      unsafeInputs[i].value = ""
    }
  }
}

input1.onchange = function() {
  checkInputs()
}

<input id="a">
<input id="b">

Answer 1

您可以使用 2 个 for 循环并检查是否有任何 2 个输入 i 和 j (其中 i 是不等于j)具有相同的值。如果它们具有相同的值，您可以从输入j中清除重复的值。

const input1 = document.querySelector("#a")
const input2 = document.querySelector("#b")
const input3 = document.querySelector("#c")
const unsafeInputs = [input1, input2, input3]

function checkInputs() {
  for (let i = 0; i < unsafeInputs.length; i++) {
    for (let j = 0; j < unsafeInputs.length; j++) {
      if (i !== j && unsafeInputs[i].value === unsafeInputs[j].value) {
        console.log("values are same")
        unsafeInputs[j].value = ""
      }
    }
  }
}

unsafeInputs.forEach(input => input.onchange = checkInputs);

<input id="a">
<input id="b">
<input id="c">