ES6新特性(1)

目录

一、字符串扩展

(1)字符串遍历器接口(for...of...)

(2)模板字符串

二、字符串新增方法

(1)包含方法

 (2)重复方法

(3)补全方法

(4)消除空格方法

(5)返回指定位置字符

三。数组扩展运算符

(1)遍历数组

 (2)求最大值

 (3)合并数组 


一、字符串扩展

(1)字符串遍历器接口(for...of...)

<script>
        for (let i of 'abcdefg') {
            console.log(i)
        }
</script>

(2)模板字符串

使用  ·  表示(波浪线按键),具体作用如:可以实现动态链接。

<script>
        let href = "http://www.abidu.com"
        let text = "百度"
        var s = `<a href="${href}">${text}</a>`
        console.log(s);
    </script>

二、字符串新增方法

(1)包含方法

includes:返回布尔值,表示是否找到了参数字符串
startsWith:返回布尔值,表示参数字符串是否在原字符串放入头部

endsWith:返回布尔值,表示参数字符串是否在原字符串的尾部

以上三个参数可以接受第二个参数表示开始搜索的位置

<script>
        let s = "abcdefg";
        console.log(s.includes('a')); //true
        console.log(s.includes('o')); //false
        console.log(s.startsWith("ab")); //true
        console.log(s.startsWith("abcd")) //true
        console.log(s.endsWith("f")); //false
        console.log(s.endsWith('g')); //true
    </script>

 (2)重复方法

repeat:返回一个新的字符串,表示原字符串重复n次

<script>
        console.log("s".repeat(3));
        console.log("abc".repeat(3));
    </script>

(3)补全方法

如果某个字符串不够指定的长度,会在头部或者尾部补全。

padStart()用于头部补全

padEnd()用于尾部补全

<script>
        console.log("as".padStart(5, "s"));
        console.log("o".padStart(3, "aopc"));
        console.log("opop".padEnd(5, "abcd"));
        console.log("l".padEnd(3, "iopl"));
    </script>

(4)消除空格方法

trim()消除的是头部和尾部的空格

trimStart()消除字符串头部的空格

trimEnd()消除尾部的空格

它们返回的都是新的字符串,不会修改原始的字符串

<script>
        var s = "  sio p    ";
        console.log(s.trim());
        console.log(s.trimStart());
        console.log(s.trimEnd());
    </script>

(5)返回指定位置字符

at()接受一个整数作为参数,返回参数指定位置的字符,支持负索引(就是倒数的位置)

<script>
        var s = "abcdef";
        console.log(s.at(2));
        console.log(s.at(-2));
    </script>

三。数组扩展运算符

扩展运算符就是三个点(...),你可以理解成将数组展开,下面看一些应用场景

(1)遍历数组

 <script>
        var a1 = [10, 30, 50, 60];
        console.log(...a1);
    </script>

 (2)求最大值

<script>
        var a1 = [10, 30, 50, 60];
        console.log(Math.max(...a1));
    </script>

 (3)合并数组 

 <script>
        var a1 = [10, 30, 50, 60];
        var a2 = [1, 2, 3];
        console.log([...a1, ...a2]);
    </script>

猜你喜欢

转载自blog.csdn.net/gaoqiandr/article/details/130352947
今日推荐