Chrome开发工具中的不同数组

Question

为什么 Chrome 开发工具在水果数组前面放了一个“（3）”，而不是年份数组？

第一个是这样获取的结果：

    fetch('http://localhost:8000/damagequery')
  .then(response => response.json())
  .then(data => {
      data.forEach(element => {
          console.log(element[""][1])
          damageCount.push(element[""][0])
          year.push(element[""][1].toString())
        //   [0][""]
        // [0][""][0]
      });
  });

第二个只是这样的测试：

let fruit = ['Apples', 'Bananas', 'Oranges']

Answer 1

JS确实比较引用的数组相等性，这意味着即使您的数组包含相同的元素，它们也不会相等，因为它们位于不同的内存地址。

如果你想比较两个数组，我推荐使用lodash。请看这里的例子:

使用lodash比较锯齿数组（项目存在而无顺序）

如果您不想使用lodash，您需要定义自己的逻辑:

const a = [1, 2, 3];
const b = [1, 2, 3];
const areEqual = a.length === b.lenght && a.every((elem, index) => elem === b[index]);

Answer 2

这个问题似乎与这个问题有关，这个问题有非常详细的回答。

如何在JavaScript中比较数组？

Answer 3

原因很简单，年数组在填充之前被记录到控制台。您使用了get ch，它是异步的，所以它在console.log（年）之后被调用，但是由于JS中的引用，数组在您在控制台中单击后被“刷新”。

类似情况如下:

let year = [];
let fruit = ['Apples', 'Bananas', 'Oranges'];

setTimeout(function() {
    const response = ["2000", "2016", "2017"];

    response.forEach(element => {
        year.push(element);
    });
}, 500);

console.log(year);
console.log(fruit);

现场示例：http://jsfiddle.net/BlackLabel/yzucwp5b/