文档章节

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

鱼煎
 鱼煎
发布于 2016/06/25 10:59
字数 203
阅读 7
收藏 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等间接方法!

本文转载自:

共有 人打赏支持
鱼煎
粉丝 5
博文 183
码字总数 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
10 个你不可不知的 JavaScript 数组方法

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

UC国际技术
09/24
0
0
今日份面试题整理2018-08-21

1.以下关于盒子模型描述正确的是:( ) A.标准盒子模型中:盒子的总宽度 = 左右margin + 左右border + 左右padding + width B.IE盒子模型中:盒子总宽度 = 左右margin + 左右border + wi...

littleyu
08/21
0
0
javascript与php数据交换之json

这两天js跟php数据传递弄伤心了,特意整理一些资料,做个小结! json是js的一种数据格式,可以直接被js解析,当我们在结合php和javascript实现某些功能时,经常会用到它。php无法直接读取jso...

The-duke
2013/07/17
0
3

没有更多内容

加载失败,请刷新页面

加载更多

LSM-Tree 大数据索引技术

一、LSM-Tree概述 核心思想就是放弃部分读能力,换取写入能力的最大化。LSM-Tree ,这个概念就是结构化合并树(Log-Structured Merge Tree)的意思,它的核心思路其实非常简单,就是假定内存...

PeakFang-BOK
13分钟前
0
0
vue.js响应式原理解析与实现

从很久之前就已经接触过了angularjs了,当时就已经了解到,angularjs是通过脏检查来实现数据监测以及页面更新渲染。之后,再接触了vue.js,当时也一度很好奇vue.js是如何监测数据更新并且重新...

peakedness丶
19分钟前
0
0
Weblogic补丁升级操作步骤

linux平台: weblogic1036 1:停止weblogic服务 2:打FMJJ补丁 a:获取weblogic_home目录并执行命令:export weblogic_home="/weblogic/wls1036_x64",(此目录一般为目录“user_projects”上...

fang_faye
32分钟前
0
0
04-《Apache Tomcat 9 User Guide》之部署项目

1.Introduction Deployment is the term used for the process of installing a web application (either a 3rd party WAR or your own custom web application) into the Tomcat server. 部......

飞鱼说编程
33分钟前
0
0
一位十年的老码农他眼中的区块链

大家可能已经听说过比特币、莱特币、以太币等等,以及它们作为一种新货币在市场上的潜力。 有趣的是,很多投资比特币的人也提到了区块链之类的东西。 显然,这项技术是比特币等其他东西的"基...

小刀爱编程
40分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部