侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

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

2024-05-14 星期二 / 0 评论 / 0 点赞 / 81 阅读 / 1420 字

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

过去,我们使用各种各样的方法来将类似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等间接方法!

广告 广告

评论区