JS数组之Array.from的案例分析

　　介绍

这篇文章主要介绍了JS数组之Array.from的案例分析,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

<强>前言

从去年发现字符串的替代方法有很多神奇用法的时候,就想做这个系列,但是一直没空,也没有想到很好的名字,就搁置了。上周五刷题的时候看评论有个解决方法是用Array.from一行解决,而且效率还挺高的。于是啃了一下文档和博客,搞清楚了之后就想正好可以开始这个系列了。而且数组是我们开发中最常用的数据结构之一,作为生成数组的方法之一,以从开始也蛮意思。系列名字就先凑合这么叫吧。

    <李>基础语法

定义:从()方法用于通过拥有长度<强> 属性的对象或可迭代的对象来返回一个数组。

语法:Array.from(对象、mapFunction thisValue)

参数描述

对象必需,要转换为数组的对象。mapFunction

可选,数组中每个元素要调用的函数。thisValue

可选,映射函数(mapFunction)中的这对象。
    <李>示例用法

<强> 1。将类数组转化为数组

Array.from(& # 39;你好# 39;)//(“h",“e",“l",“l",“o"】 　　Array.from(新组([& # 39;名字# 39;& # 39;年龄# 39;]))//(“name",“age"] 　　Array.from ({name: & # 39; lgc& # 39;,年龄:25})//[] 　　让地图=new () 　　map.set(& # 39;名字# 39;,& # 39;lgc& # 39;) 　　map.set(& # 39;年龄# 39;,25) 　　Array.from (map)//[[“name",“lgc"], [“age" 25]] 　　功能测试(){ 　　console.log (Array.from(参数) 　　} 　　测试(1、2、3)//(1、2、3)复制代码

这是我们平时最常用的功能,写这些示例的时候我还奇怪:为什么地图能转成数组而对象只能转为空数组。当我查看菜鸟教程,看到上述定义我才明白.object既没有长度也不是可迭代对象,我之前以为对象也是可迭代对象,毕竟都可以用工党嘛。但其实es6的对象不是可迭代对象,这里不多赘述,有兴趣的同学可以去查一下。

<强> 2。数组深拷贝(一行代码) 

功能独特(arr) {
　　返回Array.from(新(arr))
　　}复制代码

这也从最是基本,也是我们最常用的功能之一。

<强> 4。从的其他用法,

再看一遍从定义:从()方法用于通过拥有长度<强> 属性的对象或可迭代的对象来返回一个数组。拥有长度就行?试一试

Array.from({长度:2},(val,索引)=祝辞指数)//[0,1]复制代码

可以,那他有什么用呢?第一,像上面代码,可以很方便生成在一定范围,有一定规则的数组

Array.from({长度:3},(val,索引)=祝辞指数* 10)//[0,10,20]复制代码

第二,数组的初始化。比如你想生成指定长度的对象数组。第一反应是什么?填补吗? 

让testArrb=Array.from({长度:3},()=祝辞({}))
　　testArrb [0]===testArrb[1]//假复制代码

这两个方法可以根据需求使用。

<强> 5。从的进阶用法

上面的内容其实层层递进下来都是为了更好的理解下面的解题思路。

LeetCode第867题:

给定一个矩阵<代码> ,返回<代码> 的转置矩阵。

矩阵的转置是指将矩阵的主对角线翻转,交换矩阵的行索引与列索引。

示例1:输入:[[1,2,3],[4、5、6],[7 8 9]]输出:[[1、4、7],[2、5、8],[3、6、9]]示例2:输入:[[1,2,3],[4、5、6]]输出:[[1,4],[2、5],[3、6]]

当时第一反应这就不是索引互换吗?贼简单。于是写了如下代码

 var转置=function () {
　　让x=A.length
　　让y=[0] . length
　　(让我=0;i 0) {
　　[[我][j], [j][我]]=[[j][我],[我][j]]
　　}
　　}
　　}
　　返回一个
　　};复制代码
JS数组之Array.from的案例分析