防止数组添加重复元素

Question

我有这段代码:

var letters = ['A', 'B', 'C']
const letter1 = 'B'

for(var i=0; i<letters.length; i++) {
    var letter = letters[i]
    if (letter1 === letter) {
        console.log(letter)
        break
    } else {
        letters.push(letter1)
        break
    }
}

console.log(letters)

运行这段代码后，我得到了这样的结果:

['A', 'B', 'C', 'B']

但我想要这个结果:

['A', 'B', 'C']

我怎么能那么做？

Answer 1

function removeDuplicate(payload) {
    const result = [];

    payload.forEach(function(value) {
        if(result.indexOf(value) == -1) {
            result.push(value)
        }
    })

    return value
}

Answer 2

在插入之前检查array是否具有该元素。

Array.PropToType.Includes（）将有助于

if(!extingArray.includes(element)) {
    existingArray.push(element)
}

Answer 3

最简单的解决方案是在推送之前检查值是否在数组中:

js prettyprint-override">if (!letters.includes(letter1)) letters.push(letter1)

如果要从数组中删除重复项，可以将其转换为集，然后再转换回来:

[...new Set(letters)]

或者，您可以只使用集而不使用数组，数组用于存储唯一值:

const letters = new Set(['A', 'B', 'C'])
// Use add instead of push (there is no push method on Set)
letters.add(letter1)

我不知道为什么要将letter1('B')推送到数组中，如果您不希望重复。