ES6扩展

模板字符串和标签模板

const getCourseList = function() {
        // ajax
        return {
            status: true,msg: '获取成功''Vue 入门'
            },{
                id: 2'xxxx-01-10''React入门'
            }]
        }
    };

    const { data: listData,status,msg } = getCourseList();

     foo(val) {
        return val.replace('xxxx','2020');
    }

    if (status) {
        let arr = [];

        listData.forEach(({ date,title }) {

            arr.push(
                `
                    <li>
                        <span>${ `课程名: ${ title }` }</span>
                        <span>${ foo(date) }</span>
                    </li>
                `
            );

        });

        let ul = document.createElement('ul');
        ul.innerHTML = arr.join('');

        document.body.appendChild(ul);

    } else {
        alert(msg);
    }

padStart padEnd

    {
        let str = 'i';
         插入在5的位置
        let str1 = str.padStart(5,'mooc');
        console.log(str1);
         倒序插入在5的位置
        let str2 = str.padEnd(5,1)">);
        console.log(str2);
    }

repeat

    {
         repeat(str,num) {
            return new Array(num + 1).join(str);
        }
        console.log(repeat('s',3));
    }

startsWith endsWith

    {
        const str = 'A promise is a promsie';

        console.log(str.startsWith('B'));
        console.log(str.startsWith('A pro'));

        console.log(str.endsWith('promsie'));
        console.log(str.endsWith('A'));
    }

includes

    {
        const str = 'A promise is a promise'if (~str.indexOf('promise')) {
            console.log('存在"promise"');
        }

        if (str.includes('a promise')) {
            console.log('存在"a promise"');
        }
    }

字符串转数组+遍历

    let str = 'PROMISE';
     四种方法:转成数组后遍历
    var oStr = Array.prototype.slice.call(str);
    var oStr = str.split('');
    const oStr = [...str];
    const [...oStr] = str;
    console.log(oStr);
    单个字符输出
    oStr.forEach((word) {
        console.log(word);
    });

对全是英文的字符串中的大写字符加密 A -> 100  B -> 99

    const map = {A: '100',B: '99',C: '98',D: '97',E: '96',F: '95',G: '94',H: '93',I: '92',J: '91',K: '90',L: '89',M: '88',N: '87',O: '86',P: '85',Q: '84',R: '83',S: '82',T: '81',U: '80',V: '79',W: '78',X: '77',Y: '76',Z: '75'};
    const words = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';

    oStr.forEach((word,index) {
        if (words.includes(word)) oStr[index] = map[word];
    });
    console.log(oStr.join(''));

使用for-of遍历字符串

    let str = 'PROMISE';
    let newStr = '';
    const map = {A: '100',1)">};
    for (let word of str) {
        if (str.includes(word)) newStr += map[word];
    }
    console.log(newStr);

Unicode是一项标准,包括字符集、编码方案等
解决传统的字符编码方案的局限

相关文章

原文连接:https://www.cnblogs.com/dupd/p/5951311.htmlES6...
以为Es6,javascript第一次支持了module。ES6的模块化分为导...
视频讲解关于异步处理,ES5的回调使我们陷入地狱,ES6的Prom...
TypeScript什么是TypeScript?TypeScript是由微软开发的一款开...
export class AppComponent { title = 'Tour of heroes...
用 async/await 来处理异步昨天看了一篇vue的教程,作者用as...