使用array . From (element.children)或array . From ({length: 5})创建数组

在JavaScript中，一个对象的方法可以在运行时绑定到另一个对象。简而言之，javascript允许一个对象“借用”另一个对象的方法:

object1 = {
    name: 'Frank',
    greet() {
        alert(`Hello ${this.name}`);
    }
};

object2 = {
    name: 'Andy'
};

// Note that object2 has no greet method,
// but we may "borrow" from object1:

object1.greet.call(object2); // Will show an alert with 'Hello Andy'

函数对象的调用和应用方法(在JavaScript中，函数也是对象)允许您这样做。因此，在您的代码中，您可以说NodeList正在借用数组的slice方法。.slice()将返回另一个数组作为其结果，该数组将成为您可以使用的“转换”数组。

它从Array中检索slice函数。然后调用该函数，但是使用document的结果。将querySelectorAll作为this对象，而不是实际的数组。

在21世纪20年代我们使用

[...document.querySelectorAll('.slide')]

当你想要使用map或filter，但不再需要使用forEach时，它很有用，因为forEach现在工作在document.querySelectorAll('.slide')返回的集合上

[].slice.call(document.querySelectorAll('.slide'));

querySelectorAll()方法返回文档中与指定选择器匹配的所有元素。 call()方法使用给定的值和单独提供的参数调用函数。 slice()方法将数组中选定的元素作为一个新的数组对象返回。

所以这一行返回数组[object HTMLDivElement]。这里有六个div，类名为“slide”，因此数组长度将为6。

var arraylist = [].slice.call(document.querySelectorAll('.slide')); console.log (arraylist); < div class = "幻灯片”> < div class = "幻灯片”> 第一个slider1 < / div > < div class = "幻灯片”> 第一个slider2 < / div > < div class = "幻灯片”> 第一个slider3 < / div > < div class = "幻灯片”> 第一个slider4 < / div > < div class = "幻灯片”> 第一个slider5 < / div > < div class = "幻灯片”> 第一个slider6 < / div > < / div >

它是一种将类数组对象转换为实际数组的技术。

这些对象包括:

函数中的参数 NodeList(记住它们的内容可以在获取后更改!所以将它们转换为数组是一种冻结它们的方法) jQuery集合，又名jQuery对象(一些文档:API，类型，学习)

这有很多用途，例如对象是通过引用传递的，而数组是通过值传递的。

另外，注意第一个参数0可以省略，详细解释在这里。

为了完整起见，还有jQuery.makeArray()。