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">
<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 ES8const 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>    // trimlet 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));  //flatMapconst 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>//创建 Symbollet s = Symbol('尚硅谷');console.log(s.description);</script>
</body></html>
创建 Symbollet s = Symbol('尚硅谷');console.log(s.description);</script>
</body></html>

ES10新特性01-ES10新特性相关推荐

【 javascript】JS语法 ES6、ES7、ES8、ES9、ES10、ES11、ES12新特性
JS语法 ES6.ES7.ES8.ES9.ES10.ES11.ES12新特性前言 ES6(2015) 1. 类(class) 2. 模块化(ES Module) 3. 箭头函数 4. 函数参数默认值 ...
常用ES6、ES7、ES8、ES9、ES10、ES11、ES12新特性归纳
ES6.ES7.ES8.ES9.ES10.ES11.ES12新特性 ES全称ECMAScript,ECMAScript是ECMA制定的标准化脚本语言.目前JavaScript使用的ECMAScript ...
Android Q：新系统名称和新特性整理
目前关于 Android Q 的相关新闻已经流出,这里我们对 Android Q 的系统名称和新特性进行整理. Android Q 的名字: 很想知道 Android Q 今年使用哪个名字作为系统的名 ...
OpenCV4.0-alpha发布！新增多个深度学习特性
OpenCV4.0-alpha发布!新增多个深度学习特性 (欢迎关注"我爱计算机视觉"公众号,一个有价值有深度的公众号~) 本定于2018年7月发布的OpenCV4.0再次跳票,昨 ...
C11的对齐特性是在新的头文件中stdalign.h声明的
void*aligned_alloc(size_t algn,size_t size); 分配size字节以algn字节对齐的内存,并返回指向所分配内存的指针. C11的对齐特性是在新的头文件中< ...
JDK1.8新特性及常用新特性
JDK1.8的新特性 *Lambda表达式新的日期API--Date time 引入Optional--防止空指针异常 *接口的默认方法和静态方法 *新增方法引用格式 *新增Stream类注解相关 ...
HTML5 和 CSS3 的新特性--HTML5 的新特性
HTML5 的新增特性主要是针对于以前的不足,增加了一些新的标签.新的表单和新的表单属性等. 这些新特性都有兼容性问题,基本是 IE9+ 以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这 ...
移动开发新指南：iOS6新特性…
很不错的总结原文地址:移动开发新指南:iOS6新特性完全解析作者:xakzhong WWDC的英文全称是"Worldwide Developers Conference",即为苹 ...
h5新标签和css3新特性
h5新标签和css3新特性一.h5布局元素二.css3新增样式 1.边框圆角 2.阴影 3.形变:旋转.缩放.位移 4.transform-origin 属性三.过渡效果四.动画效果 1. k ...
VS 2022新特性_Visual Studio2022新功能
一.VS 2022新特性_Visual Studio2022新功能 Visual Studio 2022 正式版来了.默认支持.Net 6; 默认支持C# 10. 下载地址: https://visu ...

ES10新特性01-ES10新特性

ES10新特性01-ES10新特性

文章目录

一、Object.fromEntries

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

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

四、Symbol.prototype.description

ES10新特性01-ES10新特性相关推荐

最新文章

热门文章