文档章节

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

鱼煎
 鱼煎
发布于 2016/06/25 10:59
字数 203
阅读 8
收藏 0

过去,我们使用各种各样的方法来将类似Array对象的东西(比如 arguments和 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等间接方法!

本文转载自:

共有 人打赏支持
鱼煎
粉丝 7
博文 193
码字总数 38711
作品 0
深圳
技术主管
私信 提问
WEB前端学习:ES6的数组改动

Web前端开发工程师是一个很新的职业,是从事Web前端开发工作的工程师。主要进行网站开发,优化,完善的工作。网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行...

web前端小辰
06/05
0
0
js中的拷贝和引用以及ES6大法好

一些简单的东西,被引用和拷贝坑了下。 如果这时候用Array.from。。。WTF,什么鬼 如果for of 很怀疑Array.from干啥了。。。 这就明晰了,没想到会在js中碰到这种问题。。。 中午见有人讨论求...

yyliu
2015/11/04
0
0
前端技能之Javascript

一。跨域问题解决方案: 协议,域名,端口号三者之一不同即为跨域 前端通信方式:Ajax,WebSocket,CORS xmlhttp.readyState有5种请求状态,从0-4发生变化 1XX:信息性状态码,接收的请求正在...

xiaoqingpang
11/15
0
0
10 个你不可不知的 JavaScript 数组方法

原文作者:Frugence 译者:UC 国际研发 Jothy 写在最前:欢迎你来到“UC国际技术”公众号,我们将为大家提供与客户端、服务端、算法、测试、数据、前端等相关的高质量技术文章,不限于原创与...

UC国际技术
09/24
0
0
精心收集的 95 个超实用的 JavaScript 代码片段( ES6+ 编写)

目录 Array 数组 Array concatenation (数组拼接) Array difference (数组比较) Array includes (数组包含) Array intersection (数组交集) Array remove (移除数组中的元素) Array sample ......

大灰狼的小绵羊哥哥
11/13
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Android :报错Your project path contains non-ASCII characters.

报错内容如下 Your project path contains non-ASCII characters. This will most likely cause the build to fail on Windows. Please move your project to a different directory. See ht......

lanyu96
4分钟前
0
0
[LintCode] Number of Islands(岛屿个数)

描述 给一个01矩阵,求不同的岛屿的个数。 0代表海,1代表岛,如果两个1相邻,那么这两个1属于同一个岛。我们只考虑上下左右为相邻。 样例 在矩阵: [ [1, 1, 0, 0, 0], [0, 1, 0, 0, ...

honeymose
4分钟前
0
0
Nginx平滑添加模块

Nginx已经编译安装并运行了一段时间, 然后某一天, 发现需要用到某个模块但当初没有编译, 这个时候怎么办呢? 卸载重新安装肯定可以的, 如果Nginx版本没有变更的话, 则有一个相对平滑的方法来添...

老菜鸟0217
9分钟前
0
0
spark安装测试

spark安装测试 由于本地已经安装好hadoop相关组件,所以本文是在yarn的基础上对spark进行安装及测试 确保hdfs及yarn成功启动,hadoop版本为2.7.3 安装scala,由于本人安装的spark是2.4.0,对应...

-九天-
23分钟前
3
0
周末看完了《电能计量自动化技术》

整体质量还行,下面分别将心得记录如下: 第一章:发展历程可以看看,现在算是智能电网阶段 2:讲主站系统。以文件进行各模块的交互很值得思考,尤其是批量数据,多团队合作的情况下。另外线...

max佩恩
43分钟前
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部