这篇文章主要讲解了“JavaScript中的Array.from()方法怎么使用”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“JavaScript中的Array.from()方法怎么使用”吧！Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括 ES6 新增的数据结构 Set 和 Map）。下面是一个类似数组的对象，Array.from将它转为真正的数组。实际应用中，常见的类似数组的对象是 DOM 操作返回的 NodeList 集合，以及函数内部的arguments对象。Array.from都可以将它们转为真正的数组。上面代码中，querySelectorAll方法返回的是一个类似数组的对象，可以将这个对象转为真正的数组，再使用filter方法。只要是部署了 Iterator 接口的数据结构，Array.from都能将其转为数组。上面代码中，字符串和 Set 结构都具有 Iterator 接口，因此可以被Array.from转为真正的数组。如果参数是一个真正的数组，Arra免费云主机域名y.from会返回一个一模一样的新数组。值得提醒的是，扩展运算符（…）也可以将某些数据结构转为数组。扩展运算符背后调用的是遍历器接口（Symbol.iterator），如果一个对象没有部署这个接口，就无法转换。Array.from方法还支持类似数组的对象。所谓类似数组的对象，本质特征只有一点，即必须有length属性。因此，任何有length属性的对象，都可以通过Array.from方法转为数组，而此时扩展运算符就无法转换。上面代码中，Array.from返回了一个具有三个成员的数组，每个位置的值都是undefined。扩展运算符转换不了这个对象。对于还没有部署该方法的浏览器，可以用Array.prototype.slice方法替代。Array.from还可以接受第二个参数，作用类似于数组的map方法，用来对每个元素进行处理，将处理后的值放入返回的数组。下面的例子是取出一组 DOM 节点的文本内容。下面的例子将数组中布尔值为false的成员转为0。另一个例子是返回各种数据的类型。如果map函数里面用到了this关键字，还可以传入Array.from的第三个参数，用来绑定this。Array.from()可以将各种值转为真正的数组，并且还提供map功能。这实际上意味着，只要有一个原始的数据结构，你就可以先对它的值进行处理，然后转成规范的数组结构，进而就可以使用数量众多的数组方法。上面代码中，Array.from的第一个参数指定了第二个参数运行的次数。这种特性可以让该方法的用法变得非常灵活。Array.from()的另一个应用是，将字符串转为数组，然后返回字符串的长度。因为它能正确处理各种 Unicode 字符，可以避免 JavaScript 将大于uFFFF的 Unicode 字符，算作两个字符的 bug。感谢各位的阅读，以上就是“JavaScript中的Array.from()方法怎么使用”的内容了，经过本文的学习后，相信大家对JavaScript中的Array.from()方法怎么使用这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是百云主机，小编将为大家推送更多相关知识点的文章，欢迎关注！
本文小编为大家详细介绍“php如何将毫秒时间戳转换成秒时间戳”，内容详细，步骤清晰，细节处理妥当，希望这篇“php如何将毫秒时间戳转换成秒时间戳”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。 一、什么是时间戳时间戳是计算机处理日期和…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
