js类数组转化为数组的5种方法【附思路】

arrayLike为要转化的类数组，适合有点基础的小伙伴。

1、扩展运算符...
console.log([...arrayLike])

2、Array.form
console.log(Array.from(arrayLike));

3、Array.prototype.slice
console.log(Array.prototype.slice.call(arrayLike))

思路：
①Array.prototype.slice，这段是执行slice，slice不传参数其实就是克隆数组。
②让slice方法的this指向类数组（arrayLike或arguments）
实现：其实就是用call改变this指向，this变成谁，就会循环谁，把它里面每一项赋给新数组。

4、Array.apply
console.log(Array.apply(null, arrayLike))

5、Array.prototype.concat
console.log(Array.prototype.concat.apply([], arrayLike));
原理同call，与空数组合并，克隆数组后改变this指向。

js类数组转化为数组的5种方法【附思路】相关推荐

将数组转化成字符串的两种方法
将数组转化成字符串的两种方法 let arr = [1,2,8,9,'西瓜']; console.log(arr.toString());//将数组转化为字符串 console.log(arr.toS ...
Js数组转对象（特殊格式）和 JS中将对象转化为数组
Js数组转对象(特殊格式)和 JS中将对象转化为数组数组转化为对象特殊格式 arr:[ { } ,{ },{ }] 转化为obj:{ { },{ },{ } } 利用ES6语法: let obj = ...
将childNodes返回的伪数组转化为真数组
一,原因我们获取到的childNodes返回是一个类数组对象,将它打印出来会发现.它的原型上没有数组的常用方法: console.log("+++++",el.childNode ...
伪数组转化真数组_ES6 数组方法
nodelist伪数组转数组,让其拥有数组方法扩展运算符 ... let arr = document.querySelectorAll('ul li'); // 当获取dom元素list的时候,所 ...
js算法数组flat展平的几种方法
数组的展平,主要是指的是数组嵌套数组转为一维数组,总结了一下几种方法 es6原生的方法链接: es6中的flat let arr = [1, 2, [3, 4]].flat() console.lo ...
JS数组移除元素的八种方法
JS数组移除元素的八种方法一.修改arr的length方法 let arr = [1,2,3,4,5,6,7,8,9]; arr.length = 3; console.log('length',a ...
PHP获取数组最后一个值的2种方法
这篇文章主要介绍了PHP获取数组最后一个值的2种方法,本文直接给出实现代码,代码中包含注释,需要的朋友可以参考下代码如下: $array=array(1,2,3,4,5); echo $ar ...
获取php数组最后,php获取数组最后一个值的2种方法
摘要:这篇文章主要介绍了PHP获取数组最后一个值的2种方法,本文直接给出实现代码,代码中包含注释,需要的朋友可以参考下$array=array(1,2,3,4,5); echo $array[coun ...
php 从数组里删除元素,PHP从数组中删除元素的四种方法实例
PHP从数组中删除元素的四种方法实例一.总结一句话总结:unset(),array_splice(),array_diff(),array_diff_key() 二.PHP从数组中删除元素的四种方 ...
php数组如何写入txt文件中_php将数组写入到文件的三种方法
php的数组十分强大,有些数据不存入数据库直接写到文件上,用的时候直接从文件中读取,本文章向大家介绍php将数组写入到文件的三种方法. 第一:serialize方法使用 serialize 将数组序 ...

js类数组转化为数组的5种方法【附思路】

js类数组转化为数组的5种方法【附思路】相关推荐

最新文章

热门文章