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

2016年5月27日 lindukj Array.From, 技术技巧, 数组 0

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

将NodeList转换成数组

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

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

将`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等间接方法！

原文地址： http://it.lindukj.cn/archives/1405

转载于:https://www.cnblogs.com/clschen/p/5535390.html

JavaScript里的数组转化新方法Array.From相关推荐

Js新方法array.groupby() 和array.groupbytomap()
新的数组组提案(目前处于第三阶段),它引入了新方法 array.groupby() 和array.groupbytomap() .它们的 polyfills 文件可以在 core-js 库中找到. 接 ...
doctrine find的对象转换成数组_「ES6基础」Array数组的新方法（上）
在日常工作中我们经常会与数组打交道,因此需要熟练掌握数组操作的相关方法,ES6中关于数组的操作,又给我们带来了哪些惊喜呢,Array数组操作又添加了哪些新方法? 本篇文章将从以下几个方面进行介绍: A ...
JavaScript算法总结数组字符串遍历方法总结
JavaScript基础算法一.数组常用方法 1.push() 在尾部追加,类似于压栈,原数组会变. const arr = [1, 2, 3] arr.push(8) console.log(ar ...
JavaScript字符串、数组、对象方法总结
字符串方法示例字符串: const str = "hello,kitty,hello,vue "; 一.基本方法 charAt() 返回指定索引的字符 startsWith() ...
JavaScript中给数组添加元素的方法
1 .push(字符/数字/数组) 将一个或多个元素添加到数组的尾部,并返回该数组的新长度 var arr = [1, 2, 3];arr.push('加油啊', 5, 6, [7, 21, 35]) ...
html5遍历数组,Vue中遍历数组的新方法
1.foreach foreach循环对不能使用return来停止循环 1 search(keyword){ 2 var newlist = [] 3 this.urls.foreach(item = ...
Laconic：从JavaScript生成DOM内容的新方法
可以使用innerHTML或outsideHTML将内容插入页面中. var container = document.getElementById("container"); c ...
JavaScript里的循环方法：forEach，for-in，for-of
2019独角兽企业重金招聘Python工程师标准>>> JavaScript诞生已经有20多年了,我们一直使用的用来循环一个数组的方法是这样的: for (var index = 0 ...
判断数组类型的方法（Array.isArray）以及Math数字对象
判断数组类型的方法 Array.isArray var a = [1,2,3];var r = Array.isArray(a);console.log(r); 预览效果 Math数字对象 ...
JavaScript 里三个点 ...，可不是省略号啊···
摘要:Three dots ( - ) in JavaScript. 本文分享自华为云社区<JavaScript 里三个点 ... 的用法>,作者: Jerry Wang . Rest P ...

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

将`NodeList` 转化成 `Array`

将 `arguments` 转化成 `Array`

将 `String` 转化成 `Array`

JavaScript里的数组转化新方法Array.From相关推荐

最新文章

热门文章

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

将NodeList 转化成 Array

将 arguments 转化成 Array

将 String 转化成 Array

JavaScript里的数组转化新方法Array.From相关推荐

最新文章

热门文章

将`NodeList` 转化成 `Array`

将 `arguments` 转化成 `Array`

将 `String` 转化成 `Array`