javascript - JavaScript 引擎如何将数组对象的类型更改为字符串

Question

 let arr = [1,2,3];
 let empArr =[];

 for(var i =0; i< arr.length;i++){

  console.log('First',typeof empArr);

  empArr+=arr[i];

  console.log('Second',typeof empArr)
 }

上面的代码给出了这个输出

    First object
    Second string
    First string
    Second string
    First string
    Second string

谁能解释一下在第一次迭代中类型是 Array Object 然后在之后它变成了字符串。Javascript 引擎如何在这里工作？

Answer 1

如果我们运行 typeof empArr，我们将看到 empArr 一个对象。无论我们是否将它声明为数组，在内部，它都是一个对象。此外，typeof arr[i] 显示 arr[i] 是一个数字。因此，empArr+=arr[i] 意味着我们正在尝试添加一个对象和一个数字。由于我们试图添加两种不同的类型，它可以在强制转换的帮助下隐式地发生。强制意味着将一种类型的值转换为另一种类型。 JavaScript 按照以下规则执行隐式强制转换:

操作数+操作数=结果

1. 如果至少有一个操作数是对象，则将其转换为原始类型 值(字符串、数字或 bool 值)；
2. 转换后，如果至少有一个操作数是字符串类型，则转换为第二个操作数并执行拼接；
3. 在其他情况下，两个操作数都转换为数字并执行算术加法。

请注意，数组或对象的原始值是字符串。

在我们的例子中，empArr 是对象类型，根据规则 1，它被强制转换为字符串。现在根据规则 2，作为数字的 arr[i] 也被强制转换为字符串并分配给 empArr。

更多详情:

JavaScript addition operator in details

JavaScript type coercion