ES10新特性01-ES10新特性

最新推荐文章于 2023-11-01 11:58:58 发布

MarxistVive

最新推荐文章于 2023-11-01 11:58:58 发布

阅读量145

点赞数

分类专栏： ES6笔记文章标签： javascript 前端 vue.js es10

本文链接：https://blog.csdn.net/A1066223647/article/details/124966344

版权

ES6笔记专栏收录该内容

24 篇文章 0 订阅

订阅专栏

ES10新特性01-ES10新特性

文章目录

ES10新特性01-ES10新特性

一、Object.fromEntries

将对象转换为二维数组，Object.entries是将二维数组转换为对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Object.fromEntries</title>
</head>
<body>
    <script>
        //二维数组
        // const result = Object.fromEntries([
        //     ['name','尚硅谷'],
        //     ['xueke', 'Java,大数据,前端,云计算']
        // ]);

        //Map
        // const m = new Map();
        // m.set('name','ATGUIGU');
        // const result = Object.fromEntries(m);

        //Object.entries ES8
        const arr = Object.entries({
            name: "尚硅谷"
        })
        console.log(arr);
    </script>
</body>
</html>

二、字符串的扩展方法-trimStart 与 trimEnd

分别清除字符串左边和右边的空格

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>trimStart 与 trimEnd</title>
</head>
<body>
    <script>    
        // trim
        let str = '   iloveyou   ';

        console.log(str);
        console.log(str.trimStart());
        console.log(str.trimEnd());
    </script>
</body>
</html>

三、数组方法扩展-Array.prototype.flat与flatMap

flat 将多维数组转化为低维数组

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>flat 与 flatMap</title>
</head>
<body>
    <script>
        //flat 平
        //将多维数组转化为低位数组
        // const arr = [1,2,3,4,[5,6]];
        // const arr = [1,2,3,4,[5,6,[7,8,9]]];
        //参数为深度 是一个数字
        // console.log(arr.flat(2));  

        //flatMap
        const arr = [1,2,3,4];
        const result = arr.flatMap(item => [item * 10]);
        console.log(result);
    </script>
</body>
</html>

四、Symbol.prototype.description

获取symbol的描述字符串

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Symbol.prototype.description</title>
</head>
<body>
    <script>
        //创建 Symbol
        let s = Symbol('尚硅谷');

        console.log(s.description);
    </script>
</body>

</html>
创建 Symbol
        let s = Symbol('尚硅谷');

        console.log(s.description);
    </script>
</body>

</html>

MarxistVive

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
ES10新特性01-ES10新特性

ES10新特性01-ES10新特性文章目录ES10新特性01-ES10新特性一、Object.fromEntries二、字符串的扩展方法-trimStart 与 trimEnd三、数组方法扩展-Array.prototype.flat与flatMap四、Symbol.prototype.description一、Object.fromEntries将对象转换为二维数组，Object.entries是将二维数组转换为对象<!DOCTYPE html><html lang="en"&
复制链接

扫一扫