(一)关于正则,数值,Math
在Es6中正则新增了构造函数和修饰符。和修饰符对应的API
而Number,则将全局的isFinite(),isNaN(),parseInt() 和parseFloat()放在
Number的原型链上。并新增整数判断isInteger()和安全整数isSafeInteger()。
并且扩展了Math上API的trunc(),sign(),cbrt(),clz32()等。
因为我自己也没用到太多,具体想了解去网上查阅资料吧,这里就不说了。
(二)数组扩展
因为ES6新增了Set,Map。而且js中数组一直都是最常用的数据类型,标准json就是关联数组,不管是索引数组还是关联数组还是什么类数组对象或者NodeList集合。其实可以说成js底层的数据结构,就是关联数组,不得不说数组是js最重要的数据类型。
虽然还没java的集合框架中最常用的List,Map,Set这么完善。但是我相信未来的js一定会完善这方面。
(三)Array.from()
(1)Array.from 方法用于将两类对象转为真正的数组:
类似数组的对象(array-like object)和可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map)。
let arrayLike = {
'0': 'a',
'1': 'b',
'2': 'c',
length: 3
};
// ES5 使用数组原型的slice方法返回新数组
const newArr = Array.prototype.slice.call(arrayLike);
// ES6 直接通过from
const newArr = Array.from(arrayLike);
console.error(newArr);
(2)常见的类似数组的对象是DOM操作返回的NodeList集合
<body>
<p>123</p>
<script>
var elem = document.getElementsByTagName('p');
// HTMLCollection
Array.from(elem).forEach(function(value,index){
console.log(value.nodeName); // P
})
</script>
</body>
上面代码中, querySelectorAll 方法返回的是一个类似数组的对象(HTMLCollection),只有将这个对象转为真正的数组,才能使用forEach 方法。
(3)函数内部的arguments 对象
// arguments对象
function foo() {
var args = Array.from(arguments);
//TODO
}
(4)Set等具有迭代器(Iterator)接口
// 一个数组去重方法
const arr = ['张三','张三','三张三']
let set = new Set(arr); // Set构造器传入Array自带去重
console.log(set); // Set { '张三', '三张三' }
console.error(Array.from(set)); // [ '张三', '三张三' ]
(5)传入数组
如果参数是一个真正的数组, Ar