🎶 Sym - 一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)平台

📕 思源笔记 - 一款桌面端笔记应用,支持 Windows、Mac 和 Linux

🎸 Solo - B3log 分布式社区的博客端节点,欢迎加入下一代社区网络

♏ Vditor - 一款浏览器端的 Markdown 编辑器

浏览器 - 节点列表转换为数组

2019-11-22

描述

NodeList 转换为列表。

提示

  • 在数组的创建中使用扩展运算符将 NodeList 转换为一个数组
  • 当然,你也可以使用 Array.from,该方法可为一个类似数组或可迭代对象创建一个新的,浅拷贝的数组实例。使用他可以进行简单的数组去重合并:
function combine(){ 
    let arr = [].concat.apply([], arguments);  // 合并数组
    return Array.from(new Set(arr));
} 
var m = [1, 2, 2], n = [2,3,3]; 
console.log(combine(m,n));  // [1, 2, 3]

代码

const nodeListToArray = nodeList => [...nodeList];

示例

将文档中第一层的所有子元素转换为数组并返回:

nodeListToArray(document.childNodes); // [ <!DOCTYPE html>, html ]

返回总目录

每天 30 秒系列之 JavaScript 代码


欢迎注册黑客派社区,开启你的博客之旅。让学习和分享成为一种习惯!

留下你的脚步