JavaScript ES10的新特性

最新推荐文章于 2024-08-15 08:35:28 发布
最新推荐文章于 2024-08-15 08:35:28 发布
阅读量146 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript 开发语言 ecmascript js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/CsCufft/article/details/133564323
本文介绍了JavaScript ES10的五大新特性：Array.prototype.flat()和flatMap()用于数组扁平化；String.prototype.trimStart()和trimEnd()删除字符串首尾空格；Object.fromEntries()将键值对列表转换为对象；以及Optional Chaining（可选链操作符）方便访问深层对象属性，提升开发效率。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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

  1. Array.prototype.flat()方法

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

const nestedArray = [1, [2, [3, [
了解本专栏 订阅专栏 解锁全文
JavaScript——ES10新特性
iFulling的博客
03-21 1508
文章目录一、对象方法扩展二、字符串扩展方法三、数组扩展方法四、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 1149
引入了新的Number.prototype.toFixed()方法，它允许指定小数点后的位数并将数字四舍五入为指定精度；flat()方法可将多维数组展平为一维数组，而flatMap()方法在展平数组的同时还可以对每个元素执行映射操作。这些是ES10中的一些主要特性。它接收一个键值对的可迭代对象（如数组）作为参数，并返回一个新的对象。现在可以在try-catch语句中省略catch块中的绑定，只使用catch {}，而不会将错误绑定到变量。引入了一种新的基本数据类型 BigInt，它可以表示任意精度的整数。
JS:ES10新特性
小白目的博客
12-29 472
概述： 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 1693
ES10虽然没有像ES6那么多新特性，但ES10仍然有一些有用的特性。文本通过简单示例来介绍了ES10新出来的特性。通过这种方式，咱们就可以快速理解，而不需要看太多的官方解释。 ES10 新特性主要如下： 数组方法：flat和flatMap Object.fromEntries 字符串方法：trimStart 和 trimEnd Symbol 的 description 属性 try { } catch {} //catch 的参数可以省略了 JSON ⊂ ECMAScript...
ES10中7个最具变革性的JavaScript特性
最新发布
粉丝们务必加入微信粉丝群
08-15 457
JavaScript在过去10年里取得了长足的进步，每一年都有全新的功能升级。还记得我们以前是这样创建"类"的吗？functionPerson(name){ this.name=name; } Person.prototype.sayHello=function(){ console.log("Hello,"+this.name); };是的，变化很大！让我们来看看E...
ES6、ES7、ES8、ES9、ES10新特性一览1
08-08
ECMAScript（简称ES）是JavaScript的标准化规范，由ECMA国际制定，每年都会发布新的...以上就是ES6至ES10的主要新特性，它们极大地丰富了JavaScript的功能，提高了开发效率，也推动了JavaScript在现代Web开发中的应用。
ES10新特性全解析：BigInt与更多亮点
"这篇文章是关于ES10新特性的总结，包括BigInt的介绍，这是一个用于表示任意精度整数的新数据类型。" ES10，即ECMAScript 2019，是JavaScript的一个版本更新，虽然它没有像ES6那样引入大量的变革性特性，但依然增添...
ES10新特性详解：从小事例看数组、对象与字符串等更新
在ES10中，JavaScript引入了一些实用的新特性，旨在提高开发者的生产力和代码的可读性。以下是对这些特性的详细说明： 1. **数组方法：flat和flatMap** - `Array.flat()`用于扁平化嵌套的数组，它接受一个可选的...
ES10新特性你了解多少
qiaoboss_7的博客
04-15 1776
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..
ES10~ES13常见新特性
m0_71485750的博客
06-21 1945
flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。例如一个数组有很多层, 第一层数组中还有第二层, 第三层, …数组 flatMap() 方法首先使用映射函数映射每个元素，然后将结果压缩成一个新数组。注意一：flatMap是先进行map操作，再做flat的操作；注意二：flatMap中的flat相当于深度为1； 1.2 Object fromEntries 在前面，我们可以通过 Object.entries 将一个对象转换成 entrie
【JavaScript】ES10（ECMAScript 2019）主要总结
qq_40044977的博客
11-26 656
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 528
关键字/表达式/运算符 window document变量和常量 - var / let / const数据类型- 简单数据类型：number / string / boolean / undefined / null / symbol- 复杂数据类型：object- typeof运算符- && || ! ++ --- 优...
js es10 新特性
阿豪
03-18 124
原文链接: js es10 新特性 上一篇: ...
ES6、ES7、ES8、ES9、ES10新特性一览
weixin_43869524的博客
12-20 405
ES全称ECMAScript，ECMAScript是ECMA制定的标准化脚本语言。目前JavaScript使用的ECMAScript版本为ECMA-417。关于ECMA的最新资讯可以浏览 ECMA news查看。 ECMA规范最终由TC39敲定。TC39由包括浏览器厂商在内的各方组成，他们开会推动JavaScript提案沿着一条严格的发展道路前进。 从提案到入选ECMA规范主要有以下几个阶段： S...
【笔记】再学JavaScript ES(6-10)全版本语法——ES10新增
程序边界
06-04 1015
文章目录一、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 3396
前言 从 ECMAScript 2016（ES7）开始，版本发布变得更加频繁，每年发布一个新版本，好在每次版本的更新内容并不多，本文会细说这些新特性，尽可能和旧知识相关联，帮你迅速上手这些特性。 ES7新特性 1.Array.prototype.includes()方法 在ES6中我们有String.prototype.includes()可以查询给定字符串是否包含一个字符，而在 ES...
ECMAScript10（ES10）功能完全指南
chinadbo的博客
03-05 968
ES10仍然只是一个草案。但是除了Object.fromEntries大多数功能已经在Chrome中实现，所以你为什么不尽早开始探索它呢？当所有浏览器开始支持它时，你已经获得了领先优势，这只是时间问题。对于有兴趣探索ES10的人来说，这是一份非外星人指南。 ES10在新语言功能方面没有ES6那么重要，但它确实添加了一些有趣的东西（其中一些在目前版本的浏览器中还不起作用：02/20/2019） E...
JavaScript ES5-ES10汇总两张图
muge1161105403的博客
06-07 372
两站图汇总了ES5-ES10 ，以备以后的晋级学习。。。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值