JavaScript ES10的新特性

最新推荐文章于 2024-08-15 08:35:28 发布

CsCufft

最新推荐文章于 2024-08-15 08:35:28 发布

阅读量197

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/CsCufft/article/details/133564323

js 专栏收录该内容

299 篇文章 ¥59.90 ¥99.00

订阅专栏

本文介绍了JavaScript ES10的五大新特性：Array.prototype.flat()和flatMap()用于数组扁平化；String.prototype.trimStart()和trimEnd()删除字符串首尾空格；Object.fromEntries()将键值对列表转换为对象；以及Optional Chaining（可选链操作符）方便访问深层对象属性，提升开发效率。

JavaScript是一种广泛使用的脚本语言，在不断发展的过程中，不断有新的特性被添加到语言规范中。ES10（ECMAScript 2019）是JavaScript的第十个版本，引入了一些令人兴奋的新特性。本文将介绍ES10的一些重要特性，并提供相应的源代码示例。

Array.prototype.flat()方法

ES10引入了一个新的数组方法flat()，用于将嵌套的数组扁平化为一维数组。这对于处理多层嵌套的数组非常有用。下面是一个示例：

const nestedArray = [1, [2, [3, [

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

CsCufft

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

js版本ES6、ES7、ES8、ES9、ES10、ES11、ES12、ES13、ES14[2023]新特性

qq_46516788的博客

02-21

1983

ES全称ECMAScript,ECMAScript是ECMA制定的标准化脚本语言,本文讲述Javascript[ECMAScript]版本ES6、ES7、ES8、ES9、ES10、ES11、ES12、ES13、ES14[2023]的新特性,帮助朋友们更好的熟悉和使用Javascript。

ES10~ES13常见新特性

m0_71485750的博客

06-21

2076

flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。例如一个数组有很多层, 第一层数组中还有第二层, 第三层, …数组 flatMap() 方法首先使用映射函数映射每个元素，然后将结果压缩成一个新数组。注意一：flatMap是先进行map操作，再做flat的操作；注意二：flatMap中的flat相当于深度为1； 1.2 Object fromEntries 在前面，我们可以通过 Object.entries 将一个对象转换成 entrie

参与评论您还未登录，请先登录后发表或查看评论

JavaScript——ES10新特性

iFulling的博客

03-21

1534

文章目录一、对象方法扩展二、字符串扩展方法三、数组扩展方法四、Symbol 扩展一、对象方法扩展 Object.fromEntries() 方法用来创建对象，但是方法参数接收二维数组或 Map // 传入二维数组 const result = Object.fromEntries([ ['brand', 'mi'], ['price', 1999] ]) console.log(result); // 传入 Map const m = new Map(); m.set('brand',

JavaScript ES10新特性

肥晨开发的学习之路

06-22

1180

引入了新的Number.prototype.toFixed()方法，它允许指定小数点后的位数并将数字四舍五入为指定精度；flat()方法可将多维数组展平为一维数组，而flatMap()方法在展平数组的同时还可以对每个元素执行映射操作。这些是ES10中的一些主要特性。它接收一个键值对的可迭代对象（如数组）作为参数，并返回一个新的对象。现在可以在try-catch语句中省略catch块中的绑定，只使用catch {}，而不会将错误绑定到变量。引入了一种新的基本数据类型 BigInt，它可以表示任意精度的整数。

JS:ES10新特性

小白目的博客

12-29

519

概述： 1、Object.fromEntries：将二维数组或者map转换成对象（相对于Object.entries是将对象转换成二维数组）； 2、trimStart 和 trimEnd：去除字符串前后的空白字符； 3、Array.prototype.flat 与 flatMap：将多维数组降维； 4、Symbol.prototype.description：获取Symbol的字符串描述； Object.fromEntries代码示例： <!DOCTYPE html> <html.

说说ES10的新特性！

weixin_44828588的博客

07-05

1717

ES10虽然没有像ES6那么多新特性，但ES10仍然有一些有用的特性。文本通过简单示例来介绍了ES10新出来的特性。通过这种方式，咱们就可以快速理解，而不需要看太多的官方解释。 ES10 新特性主要如下：数组方法：flat和flatMap Object.fromEntries 字符串方法：trimStart 和 trimEnd Symbol 的 description 属性 try { } catch {} //catch 的参数可以省略了 JSON ⊂ ECMAScript...

ES6、ES7、ES8、ES9、ES10新特性一览1

08-08

ECMAScript（简称ES）是JavaScript的标准化规范，由ECMA国际制定，每年都会发布新的...以上就是ES6至ES10的主要新特性，它们极大地丰富了JavaScript的功能，提高了开发效率，也推动了JavaScript在现代Web开发中的应用。

前端开发ES6~ES10新特性详解：arrayBuffer、decorator与函数式编程实践指南

最新发布

11-14

适合人群：具备一定JavaScript基础，熟悉ES6语法并希望深入理解现代JavaScript高级特性的前端开发者，尤其是工作1-3年、致力于提升底层原理理解和工程实践能力的研发人员。; 使用场景及目标：①掌握二进制数据处理...

20多个小事例带你重温ES10新特性(小结)

10-16

ES10，即ECMAScript 2019，是JavaScript语言的最新标准版本之一，它在ES6的基础上增加了一些新的特性，虽然这些新特性没有ES6的那么多，但它们仍然为JavaScript开发者带来了不少便利和更强大的功能。在ES10中，...

ES10 新特性详解：BigInt 与 JavaScript 的未来

因此，提前学习和掌握ES10特性不仅有助于编写更健壮、更具未来适应性的代码，也能让开发者在面对大数据量、高精度需求时拥有更强的技术工具箱。总而言之，ES10虽未带来革命性变革，但其对语言细节的完善和对现实开发...

ES10中7个最具变革性的JavaScript特性

粉丝们务必加入微信粉丝群

08-15

514

JavaScript在过去10年里取得了长足的进步，每一年都有全新的功能升级。还记得我们以前是这样创建"类"的吗？functionPerson(name){ this.name=name; } Person.prototype.sayHello=function(){ console.log("Hello,"+this.name); };是的，变化很大！让我们来看看E...

ES10新特性你了解多少

qiaoboss_7的博客

04-15

1796

ES10的新特性主要有：对象方法扩展一。对象方法扩展 const result = Object.fromEntries([ ["tom", "cat"], ["helandi", "spider man"], ]); console.log("result", result); const result2 = Object.entries({ hun: "shi" }); console.log("result2", result2); 输出结果： Object.f..

【JavaScript】ES10（ECMAScript 2019）主要总结

qq_40044977的博客

11-26

672

ES10（ECMAScript 2019）数组展平（Array.flat() 和 Array.flatMap()） Array.flat() Array.flat()把数组展平，通过传入层级深度参数（默认为1），来为下层数组提升层级。如果想提升所有层级可以写一个比较大的数字甚至是Infinity，但不推荐这么做。 [1, 2, [3, 4]].flat(); // [ 1, 2, 3, 4 ] [1, 2, [3, 4, [5, 6]]].flat(2); // [ 1, 2, 3, 4, 5, 6

JavaScript = ES10（语法规范）+ BOM（浏览器对象模型） + DOM（文档对象模型）...

weixin_44818729的博客

04-09

540

关键字/表达式/运算符 window document变量和常量 - var / let / const数据类型- 简单数据类型：number / string / boolean / undefined / null / symbol- 复杂数据类型：object- typeof运算符- && || ! ++ --- 优...

js es10 新特性

阿豪

03-18

140

原文链接: js es10 新特性 上一篇: ...

ES6、ES7、ES8、ES9、ES10新特性一览

weixin_43869524的博客

12-20

450

ES全称ECMAScript，ECMAScript是ECMA制定的标准化脚本语言。目前JavaScript使用的ECMAScript版本为ECMA-417。关于ECMA的最新资讯可以浏览 ECMA news查看。 ECMA规范最终由TC39敲定。TC39由包括浏览器厂商在内的各方组成，他们开会推动JavaScript提案沿着一条严格的发展道路前进。从提案到入选ECMA规范主要有以下几个阶段： S...

【笔记】再学JavaScript ES(6-10)全版本语法——ES10新增

程序边界

06-04

1119

文章目录一、JSON二、Array1.Array.flat2.Array.flatMap三、String1.空格替换（首/尾）2.字符串中提取匹配项到指定数组中四、Object1.fromEntries案例1案例2练习五、Function六、try&catch七、BigInt八、Symbol.Description九、标准 globalThis 对象十、哈希标签# ES10对原型对象能力进行了增强一、JSON // ES10之前就有，bug：超出Unicode展示错误，例如0xD800-0xDF

ES7、ES8、ES9、ES10新特性大盘点

u010227042的博客

12-06

3432

前言从 ECMAScript 2016（ES7）开始，版本发布变得更加频繁，每年发布一个新版本，好在每次版本的更新内容并不多，本文会细说这些新特性，尽可能和旧知识相关联，帮你迅速上手这些特性。 ES7新特性 1.Array.prototype.includes()方法在ES6中我们有String.prototype.includes()可以查询给定字符串是否包含一个字符，而在 ES...

ECMAScript10（ES10）功能完全指南

chinadbo的博客

03-05

995

ES10仍然只是一个草案。但是除了Object.fromEntries大多数功能已经在Chrome中实现，所以你为什么不尽早开始探索它呢？当所有浏览器开始支持它时，你已经获得了领先优势，这只是时间问题。对于有兴趣探索ES10的人来说，这是一份非外星人指南。 ES10在新语言功能方面没有ES6那么重要，但它确实添加了一些有趣的东西（其中一些在目前版本的浏览器中还不起作用：02/20/2019） E...

ES10新特性详解：从小事例看数组、对象与字符串等更新

在ES10中，JavaScript引入了一些实用的新特性，旨在提高开发者的生产力和代码的可读性。以下是对这些特性的详细说明： 1. **数组方法：flat和flatMap** - `Array.flat()`用于扁平化嵌套的数组，它接受一个可选的...