zoukankan      html  css  js  c++  java
  • es6常用操作

    闲的时候总结了一下自己在工作中经常用到的es6,写的都有备注,可以直接拷贝,然后在网页中查看效果:

    var nicai= '8888'
    console.log(nicai);
        //结构赋值
        const { x, y = z } = { x: 1, y: 2 }
        console.log(x,y);
        //重复某个字符串n遍
        var s = 'hello'.repeat(3) + 'y'
        console.log(s);
        //替换
        console.log(s.replace(/o/g,'6'));
        //截取slice(开始位置,结束位置),substring(开始位置,结束位置),substr(开始位置,截取长度)
        console.log(s.slice(0,5));
        //返回字符串所在的下标,没有返回null
        console.log(s.match('k'));
        //返回true或者false,是否包含某一个字符
        console.log(s.includes('8'));
        //对比两个数是否相等
        console.log(Object.is(undefined,undefined));
        //对象合并,返回原对象
        let data = {a:123}
        console.log(Object.assign(data, {b:321}));
        //返回对象的键所组成的数组
        console.log(Object.keys(data));
        //返回对象的键值所组成的数组
        console.log(Object.values(data));
        //遍历对象,返回的是对象中的每一个键
        for(let i in data) {
            console.log(i);
        }
        //扩展运算符
        console.log([...['q','2','v'], ...['b','k']]);
        //伪数组转换成数组,包含length的对象、Arguments对象、NodeList对象都叫伪数组
        let str = '1232131232'
        //拆分成一个一个的位符
        console.log(Array.from(str));
        //数组去重
        console.log(new Set(Array.from(str)));
        //整个转成一个数组
        console.log(Array.of(str));
        //查找数组中是否有某一个值,满足则返回该值,否则返回undefined
        let newstr = Array.from(str).find((value, index) => {
            return value == 3
        })
        console.log(newstr);
        //返回符合条件的第一位的下标,没有则返回-1
        console.log(Array.from(str).findIndex((value, index) => {
            return value == 3
        }));
        
        var list = [{ orderEmployees: [{ orderEmployeePerformances: [{}], employeeName: '', employeeId: '' }], achievement: 0, cardMoney: 0 },{ orderEmployees: [{ orderEmployeePerformances: [{}], employeeName: '', employeeId: '111' }], achievement: 0, cardMoney: 0 }];
        //数组循环
        list.forEach((val, index) => {
            if(val.orderEmployees[0].employeeId === "") {
                //数组删除
                list.splice(index,1)
            }
        })
        //数组过滤
        var pop = list.filter(item => {
            return item.orderEmployees.filter(el => {
                return el.employeeId
            })
        })
        console.log('cccc', list, pop );
        //函数参数默认值
        function func (x =1,y=2) { 
            console.log(x,y);
         }
         func(0)
         //箭头函数
         async function ync (num) {
            return new Promise((resolve, reject) => {
                setTimeout (()=> {
                        resolve(2 * num)
                    },1000)
            })
         }
        ync(30).then((res)=> {
            console.log(res)
            })
            
        //递归调用本身,递归使用条件必须有边界判断
        function ret (num) {
            //边界判断
            if(num >= 500) {
                return 1
            } else {
                return ret(2+num)
            }
        }
        console.log(666666,ret(20));
        

    还有很多不全的,欢迎小伙伴们提意见!!!

  • 相关阅读:
    Linux之lsof命令
    lnmp一键安装的卸载
    MySQL密码忘了怎么办?MySQL重置root密码方法
    LNMP状态管理命令
    perl5 第一章 概述
    行政级别详解
    http://dl.fedoraproject.org/pub/epel/7/x86_64/,开源软件清单list
    Linux Centos 系统上安装BT客户端 Transmission
    在VPS上安裝BT軟體Transmission
    What is a good EPUB reader on Linux
  • 原文地址:https://www.cnblogs.com/wgs-blog/p/12017514.html
Copyright © 2011-2022 走看看