将可遍历类型转成数组

1、使用扩展运算符(...)
let a=document.querySelectAll('div'),
    b=[...a];
console.log(a.constructor===NodeList); //true
console.log(a.constructor===Array); //true
备注:鉴于浏览器的兼容性,此方法需要babel转码。
2、Array.prototype.slice.call
var dom=document.querySelectorAll('div'),
    arr=Array.prototype.slice.call(dom);
console.log(arr.constructor===Array);  //true
3、使用for...of的方式
var dom=document.querySelectorAll('div'),
    arr=[];
for(var key of dom){
    arr.push(dom[key]);
}
console.log(arr.constructor===Array);  //true
备注:鉴于浏览器的兼容性,此方法需要babel转码。
4、将字符串转成字符数组
var a='asdgghhkfdld';
var b=a.split('');
console.log(b.constructor===Array);  //true

若需要去除字符串内的重复字符,可使用Set+...方法。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,267评论 0 4
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,975评论 25 708
  • 前言 webpack2和vue2已经不是新鲜东西了,满大街的文章在讲解webpack和vue,但是很多内容写的不是...
    技术宅小青年阅读 6,575评论 4 43
  • 临睡觉了,媳妇发话:“哎,明早给煮两个鸡蛋。”“知道。”我心里一笑,又跟上一句:“还有土豆,也煮两个不?”“一边去...
    关观阅读 419评论 6 4
  • 寻秦记中,吕不韦是长这个样子的,一看就知道不是好人。 可是历史上的吕不韦辅助三王,分别是秦孝文王嬴柱,秦庄襄王嬴异...
    修一羽阅读 1,057评论 0 1