首页 > 其他分享 >js中Array.from方法

js中Array.from方法

时间:2023-12-13 12:33:09浏览次数:26  
标签:map arr undefined js let 数组 Array 方法

这个方法,主要用于将一个类似数组的东西变成为数组
一.将一个字符串转化伪数组

    let str='helloWord'
    let arr =Array.from(str)
    console.log(arr) //输出 ['h', 'e', 'l', 'l', 'o', 'W', 'o', 'r', 'd']

二.将一个对象转化为数组
注:将一个对象转化为数组的话,需要满足两点,1就是key得是一个数组,然后这个数组在转化为数组时,表示的是对应元素所在位置的下标
2.需要给这个对象添加一个length属性,length为几那么生成数组的长度就是几

    let obj={
          2:'1',
          3:'2',
          7:'3',
          length:3
      }
      let arr =Array.from(obj)
      console.log(arr);// 输出 [undefined, undefined, '1']
    let obj={
          2:'1',
          3:'2',
          7:'3',
          length:9
      }
      let arr =Array.from(obj)
      console.log(arr);// 输出 [undefined, undefined, '1', '2', undefined, undefined, undefined, '3', undefined]

三.将一个Map集合转化为数组
注:这个用法主要是使用map进行了数据管理,最后呢需要将这个map集合管理的东西传送给后台,后台要求需要传送一个数组过去,这个时候就需要将map集合转化为数组了

      let map = new Map();
      map.set(1,"这里是1")
      map.set(2,"这里是2")
      map.set(3,"这里是3")
      map.set(4,"这里是4")
      let arr=Array.from(map)
      console.log(arr); //输出[[1, '这里是1'],[2, '这里是2'],[3, '这里是3'],[4, '这里是4']]

标签:map,arr,undefined,js,let,数组,Array,方法
From: https://www.cnblogs.com/yourgrandfather/p/17898799.html

相关文章

  • js中数组map和集合map
    js中数组的map:使用情况:想要对一个数组进行操作,然后又不想改变原来的数组数据,还想基于原来数组的数据进行改造,那么可以使用map写法一:letarr=[1,2,3,4]letnewArr=arr.map(item=>{return++item})console.log(newArr,arr)//输出[2,3,4,5][1,2,3,4]letarr=[1......
  • Vue3 setup 方法的一些基本使用总结
    官网介绍:https://cn.vuejs.org/api/composition-api-setup.html基本使用setup()钩子是在组件中使用组合式API的入口,通常只在以下情况下使用:需要在非单文件组件中使用组合式API时。需要在基于选项式API的组件中集成基于组合式API的代码时。setup方法返回值:返回一......
  • 什么是数据可视化?定义/构成/优势/方法和示例
    前言在当今的数字时代,数据是企业和组织的命脉,生成的数据量呈指数级增长。这种被称为大数据的海量数据在洞察力和决策方面具有巨大的潜力。然而,如果没有一种有效的方法来分析和理解这些数据,它就会变得毫无意义和难以管理。这就是数据可视化发挥关键作用的地方。数据可视化的定义“数......
  • js实现上传文件夹功能
    最近在研究上传文件夹功能,并上传到阿里云oss,研究了几天终于实现了。前端代码:添加“webkitdirectory”标签表示支持文件夹上传<inputtype='file'id="inputUploadDir"name="file"webkitdirectory>js代码部分$("#inputUploadDir").change(function(e){letfiles=t......
  • js上传文件夹的功能如何实现
    在JavaScript中无法直接上传整个文件夹,但可以通过以下步骤实现上传文件夹的功能:1.使用``标签来选择文件夹。该标签支持同时选择多个文件和文件夹。2.监听文件夹选择变化的事件,并获取所选择的文件和文件夹。constfileInput=document.querySelector('input[type="file"]');fil......
  • jsHTTP/HTML/浏览器
    1|前端基础1.1|HTTP/HTML/浏览器说一下http和https参考回答:https的SSL加密是在传输层实现的。(1)http和https的基本概念http:超文本传输协议,是互联网上应用最为广泛的一种网络协议,是一个客户端和服务器端请求和应答的标准(TCP),用于从WWW服务器传输超文本到本地浏......
  • 调用阿里云的JDK刷脸认证是否是本人方法
    **1.访问阿里的文档**[https://help.aliyun.com/zh/id-verification/financial-grade-id-verification/integration-process-5?spm=a2c4g.11186623.0.0.45399de9HVHeSB]()**2.阅读其中的流程图**![](https://img2023.cnblogs.com/blog/3339321/202312/3339321-2023121309362655......
  • 倾斜摄影三维模型重建高程偏差的因素及解决方法分析
    倾斜摄影三维模型重建高程偏差的因素及解决方法分析   无人机倾斜摄影免像控点三维重建技术是一种基于无人机航拍图像的三维地形模型构建方法,广泛应用于地理测绘、城市规划和资源管理等领域。然而,在实际应用中,往往会遇到模型高程偏差较大的问题,这可能由多种原因导致。本......
  • 汇编-js符号位SF=1则跳转(负数则跳转)
      .386.modelflat,stdcalloptioncasemap:none.stack4096IncludeIrvine32.incincludelibIrvine32.libExitProcessPROTO,dwExitCode:DWORD.data.codemainPROCoral,10000000b;让符号位SF=1jst1;js符号位S......
  • js 跳出多层循环(终止循环)
    1、thrownewError()优点:可以中断循环执行;适用于各种形式(for循环,forEach循环等)缺点:相当于强制抛错中断执行,不仅终止了循环,后续代码也不再执行废话不多说,上例子,找出【第一个爱吃芒果】的人:constarr=[{name:'张三',fruit:['苹果','香蕉']}......