首页 > 软件开发 > JavaScript >

如何使用JavaScript中的其他对象转换成数组方法

来源:互联网 2023-03-16 23:58:21 467

在JavaScript中存在一个方法,Array.from()方法可以将其他对象或字符串转换为数组,注意Map和Set对象需要添加一个中括号。下面利用Array.from()方法将其他对象转换为数组,操作如下:lEU办公区 - 实用经验教程分享!

如何使用JavaScript中的其他对象转换成数组方法lEU办公区 - 实用经验教程分享!

工具/原料

  • JavaScript
  • HTML5
  • HBuilder
  • 浏览器
  • 截图工具

方法/步骤

  • 1

    第一步,创建一个静态页面arr.html,在JavaScript标签内声明一个字符串hu,然后调用Array.from()将其转换为数组,如下图所示:lEU办公区 - 实用经验教程分享!

    如何使用JavaScript中的其他对象转换成数组方法lEU办公区 - 实用经验教程分享!

  • 2

    第二步,保存代码并在浏览器中,查看打印的结果,可以发现每个字母变为数组的元素,如下图所示:lEU办公区 - 实用经验教程分享!

    如何使用JavaScript中的其他对象转换成数组方法lEU办公区 - 实用经验教程分享!

  • 3

    第三步,接着定义一个Set对象变量ju,然后使用Array.from()将Set对象转换为数组,如下图所示:lEU办公区 - 实用经验教程分享!

    如何使用JavaScript中的其他对象转换成数组方法lEU办公区 - 实用经验教程分享!

  • 4

    第四步,在浏览器中预览静态页面,出现了报错;修改代码,添加一个中括号,如下图所示:lEU办公区 - 实用经验教程分享!

    如何使用JavaScript中的其他对象转换成数组方法lEU办公区 - 实用经验教程分享!

    如何使用JavaScript中的其他对象转换成数组方法lEU办公区 - 实用经验教程分享!

  • 4本页面未经授权抓取自百度经验
  • 5

    第五步,保存代码之后,可以发现Set对象转换成了数组,Set对象中的元素变为数组元素,如下图所示:lEU办公区 - 实用经验教程分享!

    如何使用JavaScript中的其他对象转换成数组方法lEU办公区 - 实用经验教程分享!

  • 6

    第六步,最后使用Map对象声明一个对象变量se,然后调用Array.from()方法进行转换,如下图所示:lEU办公区 - 实用经验教程分享!

    如何使用JavaScript中的其他对象转换成数组方法lEU办公区 - 实用经验教程分享!

  • 注意事项

    • 注意使用Map和Set对象转换为数组
    • 注意使用字符串转换为数组的方法

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!lEU办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码