JS手写面试题 --- 类数组转化为数组的方法

Posted 2021-06-21 lvhanghmm

JS手写面试题 --- 类数组转化为数组的方法

题目描述: 类数组拥有 length 属性 可以使用下标来访问元素 但是不能使用数组的方法 如何把类数组转化为数组?

实现代码如下:

    const arrayLike = document.querySelectorAll("div");
    // 1、扩展运算符
    console.log([...arrayLike]); // [div, div, div, div, div, div, div, div, div, div]
    // 2、Array.form
    console.log(Array.from(arrayLike)); // [div, div, div, div]
    // 3、Array.prototype.slice
    console.log(Array.prototype.slice.call(arrayLike)); // [div, div, div, div, div, div, div, div, div, div]
    // Array.apply
    console.log(Array.apply(null, arrayLike)); // [div, div, div, div, div, div, div, div, div, div]
    // Array.prototype.concat
    console.log(Array.prototype.concat.apply([], arrayLike)); // [div, div, div, div, div, div, div, div, div, div]

请忽略下面的内容

【投稿说明】
博客园是面向开发者的知识分享社区，不允许发布任何推广、广告、政治方面的内容。
博客园首页（即网站首页）只能发布原创的、高质量的、能让读者从中学到东西的内容。
如果博文质量不符合首页要求，会被工作人员移出首页，望理解。如有疑问，请联系[e-mail]。
【投稿说明】
博客园是面向开发者的知识分享社区，不允许发布任何推广、广告、政治方面的内容。
博客园首页（即网站首页）只能发布原创的、高质量的、能让读者从中学到东西的内容。
如果博文质量不符合首页要求，会被工作人员移出首页，望理解。如有疑问，请联系[e-mail]。