首页 > 其他 > 详细

ES6 新知识

时间:2018-10-27 11:46:37      阅读:110      评论:0      收藏:0      [点我收藏+]
...运算符

将一个数组转为用逗号分隔的参数序列。

        function push(array, ...items) {
                array.push(...items);
        }
        function add(x, y) {
                return x + y;
        }
        var numbers = [4, 38];
        add(...numbers) ;

可变参数个数的函数调用

            function push(array, ...items) {  
                array.push(...items);  
            }  

            function add(...vals){
                let sum=0;
                for(let i=0;i<vals.length;i++){
                    sum+=vals[i];
                }
                return sum;
            }

            let arr = [1,2,3,4,5,6];
            let sum = add(...arr);
            console.log(sum);  //21

更便捷的数组合并

        let arr1 = [1,2];
        let arr2 = [5,6];
        let newArr = [20];
        //es5 旧写法
        newArr = newArr.concat(arr1).concat(arr2); //[20,1,2,5,6]
        console.log(newArr);
        //es6 使用扩展运算符
        newArr = [20,...arr1,...arr2];  //[20,1,2,5,6]
        console.log(newArr);

替代es5的apply方法

        // ES5 的写法  
        function f(x, y, z) {  
        // ...  
        }  
        var args = [0, 1, 2];  
        f.apply(null, args);  
        // ES6 的写法  
        function f(x, y, z) {  
        // ...  
        }  
        var args = [0, 1, 2];  
        f(...args);  

求最大值Math.max()

            // ES5 的写法  
            Math.max.apply(null, [14, 3, 77])  
            // ES6 的写法  
            Math.max(...[14, 3, 77])  
            //  等同于  
            Math.max(14, 3, 77);  

通过push函数,将一个数组添加到另一个数组的尾部

        // ES5 的写法  
        var arr1 = [0, 1, 2];  
        var arr2 = [3, 4, 5];  
        Array.prototype.push.apply(arr1, arr2);  
        // ES6 的写法  
        var arr1 = [0, 1, 2];  
        var arr2 = [3, 4, 5];  
        arr1.push(...arr2);  

新建Date类型

        // ES5  
        new (Date.bind.apply(Date, [null, 2015, 1, 1]))  
        // ES6  
        new Date(...[2015, 1, 1]);  

与解构赋值结合,生成新数组

        // ES5  
        a = list[0], rest = list.slice(1)  
        // ES6  
        [a, ...rest] = list 

下面是另外一些例子。

        const [first, ...rest] = [1, 2, 3, 4, 5];  
        first // 1  
        rest // [2, 3, 4, 5]  
        const [first, ...rest] = [];  
        first // undefined  
        rest // []:  
        const [first, ...rest] = ["foo"];  
        first // "foo"  
        rest // [] 

将字符串转为真正的数组

        [...‘hello‘]  
        // [ "h", "e", "l", "l", "o" ]  

将实现了 Iterator 接口的对象转为数组

        var nodeList = document.querySelectorAll(‘div‘);  
        var array = [...nodeList];

ES6 新知识

原文:http://blog.51cto.com/livestreaming/2309662

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!