[].slice.call()将类数组转化为真正的数组

最新推荐文章于 2022-11-23 10:12:28 发布

原创最新推荐文章于 2022-11-23 10:12:28 发布 · 532 阅读

2 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

91 篇文章

订阅专栏

本文深入讲解JavaScript中的slice()方法，介绍其如何从数组中切割指定元素，并返回一个新的数组。解析slice()方法的语法、参数及返回值，通过实例演示如何使用call()方法使arguments对象获得slice()方法的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript slice() 方法：

定义：

从数组中切割指定元素，返回新的一个数组

语法：（左闭右开）

arrObject.slice(start,end);

参数	描述
start	必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。
end	可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。

返回值：

返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。

function test() {
    return  [].slice.call(arguments)
}
var list = test(4, 5, 6) // [4,5,6]

[].slice === Array.prototype.slice; // true

在上面的例子中我们通过call()将[].slice中的this指向了arguments，使其拥有了slice方法。slice()如果不传参则是从第0项开始截取到length-1项并返回截取后的数组[4,5,6]上面其实就是省略了call()的第二个参数，你可以把它看作为[].slice.call(arguments,0)；

var arrayLike = {
  0: 'a',
  1: 'b',
  2: 'c',
  length: 3
}

[].slice.call(arrayLike);//[a,b,c]