JavaScript中非整数作为索引的行为差异及原理探究

直接用浮点数访问索引的表现 #

当使用浮点数（例如3.5）直接访问数组或字符串的索引时，会返回undefined。

'hello'[3.5]; // => undefined

浮点数作为slice方法参数的表现 #

将浮点数传入Array.prototype.slice()或String.prototype.slice()时，参数会被自动截断小数部分（向下取整）：

['a','b','c','d','e'].slice(3.5, 4.5); // => ['d']
'hello'.slice(0.5, 1.5); // => 'h'

行为差异的底层原理 #

直接索引访问的规则 #

JavaScript中，数组和字符串的索引本质是字符串类型的键。当你传入数字作为索引时，JS会先将其转换为字符串，但只有整数对应的字符串（比如"3"）才是合法的索引键。浮点数转换后的字符串（比如"3.5"）并不是数组/字符串的有效键，因此返回undefined。

slice方法的参数处理逻辑 #

slice方法的参数是“位置范围”而非严格的索引键，根据ECMAScript规范，它会对传入的参数执行ToInteger()抽象操作——直接截断小数部分（正数场景下等价于向下取整）。这种设计是为了提升API灵活性，允许开发者传入非整数的位置值，自动处理为合法的整数位置。

内容的提问来源于stack exchange，提问作者CalamityAdam