当前位置: 首页 > news >正文

JavaScript里的数组转化新方法Array.From

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

过去,我们使用各种各样的方法来将类似Array对象的东西(比如 arguments和 NodeList) 转换成真的数值。比如下面这个:

  • 将NodeList转换成数组

基本上,这些东西我们都可以使用Array.prototype.slice.call()这样的方法将argumentsNodeList等转行成想要的形式。

如今,我们有了更直接的方法,直接将这些类数组的对象转化成真正的对象。

NodeList 转化成 Array

var divs = Array.from(document.querySelectorAll('div'));

// Array[232] (every DIV on the page)

将 arguments 转化成 Array

function something() {
  var args = Array.from(arguments);

  // Array['yes', 1, {}]
}
something('yes', 1, {});

将 String 转化成 Array

Array.from('JavaScript'); // 很像'JavaScript'.split('')

// ["J", "a", "v", "a", "S", "c", "r", "i", "p", "t"]
 

这些写法非常的简单清晰,不需再使用slice等间接方法!

转载于:https://my.oschina.net/u/200350/blog/700722

相关文章:

  • 我的业余项目总结
  • 【编码】-360实习笔试编程题(二)-2016.03.29
  • 如何获取drawable目录下的图片绝对路径
  • iOS开发多线程篇 09 —NSOperation简单介绍
  • nb
  • PHP字符串操作相关
  • dtrace 手册
  • Nginxt rewrite企业应用实例
  • HDU1863(最小生成树)
  • C++ 类的多态五(多态的语法本质分析)
  • C++ 抽象类一(多继承与赋值兼容性原则)
  • Mysql 备份与恢复
  • php 审核管理
  • 《Android深度探索》第八章心得体会
  • redis集群部署配置
  • 时间复杂度分析经典问题——最大子序列和
  • 8年软件测试工程师感悟——写给还在迷茫中的朋友
  • android高仿小视频、应用锁、3种存储库、QQ小红点动画、仿支付宝图表等源码...
  • Essential Studio for ASP.NET Web Forms 2017 v2,新增自定义树形网格工具栏
  • Facebook AccountKit 接入的坑点
  • Javascript Math对象和Date对象常用方法详解
  • java小心机(3)| 浅析finalize()
  • nginx 配置多 域名 + 多 https
  • PHP 7 修改了什么呢 -- 2
  • text-decoration与color属性
  • 百度小程序遇到的问题
  • 反思总结然后整装待发
  • 如何在 Tornado 中实现 Middleware
  • 一起来学SpringBoot | 第十篇:使用Spring Cache集成Redis
  • 应用生命周期终极 DevOps 工具包
  • 走向全栈之MongoDB的使用
  • 测评:对于写作的人来说,Markdown是你最好的朋友 ...
  • 微龛半导体获数千万Pre-A轮融资,投资方为国中创投 ...
  • ​软考-高级-系统架构设计师教程(清华第2版)【第15章 面向服务架构设计理论与实践(P527~554)-思维导图】​
  • #微信小程序:微信小程序常见的配置传值
  • #我与Java虚拟机的故事#连载16:打开Java世界大门的钥匙
  • (2020)Java后端开发----(面试题和笔试题)
  • (2021|NIPS,扩散,无条件分数估计,条件分数估计)无分类器引导扩散
  • (C语言)输入自定义个数的整数,打印出最大值和最小值
  • (html转换)StringEscapeUtils类的转义与反转义方法
  • (备忘)Java Map 遍历
  • (附源码)ssm高校实验室 毕业设计 800008
  • (免费领源码)Java#Springboot#mysql农产品销售管理系统47627-计算机毕业设计项目选题推荐
  • (强烈推荐)移动端音视频从零到上手(下)
  • (求助)用傲游上csdn博客时标签栏和网址栏一直显示袁萌 的头像
  • (四)docker:为mysql和java jar运行环境创建同一网络,容器互联
  • (五)MySQL的备份及恢复
  • (原创) cocos2dx使用Curl连接网络(客户端)
  • (转)大道至简,职场上做人做事做管理
  • .[hudsonL@cock.li].mkp勒索加密数据库完美恢复---惜分飞
  • .NET 5.0正式发布,有什么功能特性(翻译)
  • .net core 6 集成和使用 mongodb
  • .NET(C#、VB)APP开发——Smobiler平台控件介绍:Bluetooth组件
  • .NET企业级应用架构设计系列之结尾篇
  • /bin/rm: 参数列表过长"的解决办法