ES6扩展

发布时间:2020-11-14 发布网站:前端之家 F2er.com
前端之家收集整理的这篇文章主要介绍了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是一项标准,包括字符集、编码方案等
解决传统的字符编码方案的局限

总结


以上是前端之家为你收集整理的ES6扩展全部内容,希望文章能够帮你解决ES6扩展所遇到的程序开发问题。

如果觉得前端之家网站内容还不错,欢迎将前端之家网站推荐给前端开发程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。