对象的Javascript减少方法

Question

现在我正在学习减少 Javascript。在下面的代码中，我不明白 acc[key] 因为我们可以使用 acc["key"] 或 acc.key 访问对象的属性。这就是我学到的。 但显然下面的代码可以正常工作..为什么？

const arr = ['Cat', 'Dog', 'Bird', 'Cat']
const result = arr.reduce((acc, key) => {
    if (key in acc) {
        acc[key]++
    } else {
        acc[key] = 1
    }
    return acc
}, {})

console.log(result)
// { Cat: 2, Dog: 1, Bird: 1 }

Answer 1

正如@Alexandro 提到的key 是一个字符串，实际上它是数组arr 的一个或多个值，它们的类型是字符串。此外，我们知道要访问对象的值，我们遵循两种方式，square notation（例如arr[key]）或dot notation（例如arr.key）。我们更喜欢使用方符号，以防有密钥或包含空格或其他特殊字符。