javascript - 使用点和括号表示法时的最佳实践

Question

我有以下 JavaScript 代码:

var name = ui.item.label.split('. ', 2);
name.lastname  = name[0];
name.firstname = name[1];

split() 方法用于将字符串拆分为子字符串数组，并返回新数组。但是，我想关联地引用数组。因此，我重新分配了名称，如上所示。

我只是向名称数组添加了两个元素，还是说 name[0] 和 name.lastname 是同一元素？

如果我是正确的，我创建了以下长度为 4 的数组...

name.0
name.1
name.lastname
name.firstname

Answer 1

您向数组对象添加了另外两个属性，但没有添加数字索引。它不是“长度为 4 的数组”，而是“长度为 2 的数组，上面有两个自定义属性”。

var a = "foo bar".split(' ');

console.log(a)
//-> ["foo", "bar"]

console.log(a.length);
//-> 2

a.first  = a[0];
a.second = a[1];
console.log(a.length);
//-> 2

console.log( Object.keys(a) );
//-> ["0", "1", "first", "second"]