Angular = 数组长度始终为 1？

Question

以下是打字稿中的代码，

count: number;

this.count 是从 html 组件访问的。

console.log(this.count) 给我 5。

var arrObj:number[] = new Array(this.count)

console.log(arrObj.length);

这里数组的长度总是1。

var arrObj:number[] = new Array(5)

console.log(arrObj.length);

输出：5

var arrObj:number[] = new Array(this.count)

console.log(arrObj.length);

输出：1

为什么全局变量长度总是1？

Answer 1

也可以使用 Array 对象创建数组。可以传递Array构造函数。

• 表示数组大小的数值
• 或逗号分隔值列表。
• 参考：https://www.tutorialspoint.com/typescript/typescript_arrays.htm

您正在一次又一次地初始化数组...从您共享的代码中，当您这样做时：

• var arrObj:number[] = new Array(5)
• 在这种情况下，您正在初始化大小为 5 的数组，所有这些都是未定义的

当你这样做时......

• var arrObj:number[] = new Array(1)
• 您正在使用单个项目初始化数组，在这种情况下将未定义

你应该这样做一次var arrObj:number[] = [] 然后通过 arrObj.push(yourValue) 将值推送到数组中

demo on stackblitz

Answer 2

'this' 总是在作用域中工作，并且数组构造函数总是接受静态值，它永远不会做 eval(this.something)，所以当你传递 'this.count' 时，它会作为 1 个未定义的静态值传递，这就是它的原因成为一个长度数组（未定义本身就是一个静态值）。
另外需要注意的是数组构造函数只接受

1. 表示数组大小的数值或
2. 逗号分隔值列表。
   
   在您的情况下，如果您需要替代解决方案，则将数组初始化为空，然后分配
   arrObj.length = this.count