ES6中新增数组方法与ES5之间的区别
来源:互联网 发布:专业淘宝食品图片拍摄 编辑:程序博客网 时间:2024/05/17 02:59
1.扩展运算符(...)替代ES5 apply()方法:
数组合并
var arr1=[1 , 2] , arr2=[3,4] ;
[...arr1,...arr2];//[1,2,3,4];
arr1.push(...arr2);
函数返回多个值
var obj = fn(num){return num;}
var result = new Function(...obj);
2.Array.from()替代ES5的call()方法,将类对象转换成数组:
var obj = {name:'a',age:'b',job:'c'};
[].slice.call(obj);//ES5转换方法
Array.from(obj);//ES6写法(更直观和方便)
3.Array.of()将数值转换成数组,代替ES5 Array()方法
这两个方法有很达的区别:
Array.of(1,2,3);//[1,2,3]
Array.of();//[ ]
Array.of(5);//[5]
ES5中的Array()方法:
Array(1,2,3);//[1,2,3]
Array(5);//[ , , , , ]返回长度为5值为空的字符串
也就是说在用Array()方法返回数组时,最少要有两个以上的参数
4.findIndex()对比ES5 indexOf();
var arr=[1,2,3,4];
findIndex(function(){return 2;});//true
indexOf(2);//1(等于1说明包含这个元素,等于-1说明不包含)
但是[NaN].indexOf(NaN);//返回的是-1(改方法不能正确的解析NaN)
[NaN].findIndex(function(){return Nan;});//返回true
findIndex()的返回值更直观,不用在去判断是否等于-1,而且可以正确解析NaN这种特殊类型,但是findIndex()的参数必须是一个回调函数
- ES6中新增数组方法与ES5之间的区别
- es6与es5 中this的区别
- es5中js的数组 新增方法总结
- es5新增数组方法
- ES5与ES6继承的区别
- React ES6与ES5写法的区别
- ES5中新增的Array方法
- ES5中新增的Array方法
- ES5中的var与ES6中的let,const的区别
- ES6数组新增的几个方法
- es6新增的数组去重方法
- 图解说明ES5和ES6中继承的区别
- ES5和ES6中对于继承的实现方法
- javascript(ES5,ES6)中实现sleep的方法
- ES6学习笔记(ES6新增的数组方法)
- ES5中新增的Array方法详细说明
- ES5中新增的Array方法详细说明
- ES5中新增的Array方法详细说明
- 【拜小白opencv】18-使用VideoCapture类读取播放视频操作--多信息版
- 深入理解linux内核-ch02
- java实现二叉树及(层序,先序,中序,后序,节点查找)
- java Collection 集合
- iOS的SVN问题
- ES6中新增数组方法与ES5之间的区别
- uva 679 小球下落
- 递归实现二叉树
- python scrapy爬虫爬取图片简易方法,使用Images模块
- Oracle数据库之SQL子查询详解
- 设计模式(18) 迭代器模式(简单入门 行为模式)
- 网络编程~epoll
- OVS笔记
- 数据库分类介绍