JavaScript——ES10新特性

  • 一、对象方法扩展
  • 二、字符串扩展方法
  • 三、数组扩展方法
  • 四、Symbol 扩展

一、对象方法扩展

Object.fromEntries() 方法用来创建对象,但是方法参数接收二维数组或 Map

// 传入二维数组
const result = Object.fromEntries([['brand', 'mi'],['price', 1999]
])
console.log(result);// 传入 Map
const m = new Map();
m.set('brand', 'huawei');
const result2 = Object.fromEntries(m);
console.log(result2);

Object.fromEntries() 方法可以将二位数组转换为对象,Object.entries() 可以把对象转换为二维数组,这两个方法互为逆运算。

二、字符串扩展方法

str.trimStart() 方法清除字符串左侧的空白,str.trimEnd() 方法清除字符串右侧的空白。

let str = '   I love you   ';
console.log(str.trimStart() + ';');
console.log(str.trimEnd() + ';');
// I love you   ;
//   I love you;

三、数组扩展方法

arr.flat() 将多维数组转化为低维数组,参数为深度。

const arr = [1, 2, 3, [4, 5, 6]];
console.log(arr.flat());
// 返回 [ 1, 2, 3, 4, 5, 6 ]const arr = [1, 2, 3, [4, 5, 6, [7, 8, 9]]];
console.log(arr.flat(2));
// 返回 [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]

四、Symbol 扩展

Symbol.description 用于获取 Symbol 的描述字符串。

let s = Symbol("xiaomi");
console.log(s.description);
// 返回 xiaomi

JavaScript——ES10新特性相关推荐

  1. JavaScript的ES6、ES7、ES8、ES9、ES10新特性

    ES6.ES7.ES8.ES9.ES10新特性 ES全称ECMAScript,ECMAScript是ECMA制定的标准化脚本语言.目前JavaScript使用的ECMAScript版本为ECMA-41 ...

  2. [转]ES7、ES8、ES9、ES10新特性大盘点

    ES7.ES8.ES9.ES10新特性大盘点 本文转自:https://mp.weixin.qq.com/s/8bov6788ivV0sHzmwrn5lw 以下文章来源于前端工匠 ,作者浪里行舟君 前 ...

  3. [转]ES6、ES7、ES8、ES9、ES10新特性一览 (个人整理,学习笔记)

    目录 1.ES6新特性(2015) 1.1模块化(Module) 1.1.1导出(export) 1.1.2导入(import) 1.2箭头(Arrow)函数 1.2.1箭头函数的结构 1.3默认参数 ...

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

    ES全称ECMAScript,ECMAScript是ECMA制定的标准化脚本语言.目前JavaScript使用的ECMAScript版本为ECMA-417.关于ECMA的最新资讯可以浏览 ECMA n ...

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

    前言 从 ECMAScript 2016(ES7)开始,版本发布变得更加频繁,每年发布一个新版本,好在每次版本的更新内容并不多,本文会细说这些新特性,尽可能和旧知识相关联,帮你迅速上手这些特性. ES ...

  6. ES6、 ES7、 ES8、 ES9、 ES10 新特性概览

    传送门:ES11.ES12.ES13 新特性概览 ES全称ECMAScript,ECMAScript是ECMA制定的标准化脚本语言.目前JavaScript使用的ECMAScript版本为ECMA-4 ...

  7. JavaScript ES2021 新特性解析

    JavaScript ES2021 新特性解析 新特性列表 String.prototype.replaceAll Promise.any 逻辑运算符和赋值表达式 数值分隔符 Intl.ListFor ...

  8. ES6、ES7、ES8、ES9、ES10 新特性ECMAScript版本简介

    ES全称ECMAScript,ECMAScript是ECMA制定的标准化脚本语言 ES6新特性(2015) ES6的特性比较多,在 ES5 发布近 6 年(2009-11 至 2015-6)之后才将其 ...

  9. ES9新特性、ES10新特性

    ES9新特性 一.rest参数与spread扩展运算符 rest参数与spread扩展运算符在es6中已经引入,不过es6中只针对于数组,在es9中为对象提供了像数组一样的rest参数和扩展运算符 1 ...

最新文章

  1. 【CV】深度学习中Epoch, Batch, Iteration的含义
  2. android运用 sqlite 实现简单的通讯录_大一新生作品:利用 C 语言实现quot;通讯录管理系统quot;,直言太简单...
  3. 谷歌官方TensorFlow开发者认证来了,吴恩达:学我的课,报名费五折
  4. atomic底层实现是基于无锁算法cas
  5. Centos6.5安装/运行/启动/登录docker
  6. python学习之老男孩python全栈第九期_day004知识点总结
  7. 写了 30 万行基础设施代码后,我们得出 5 个有用的经验
  8. jquery中的事件和动画
  9. 编译 / __attribute__(constructor)和__attribute__(destructor)
  10. 台式电脑主板插线步骤图_风味台式烤肠#夏天夜宵High起来!#
  11. 【dp】POJ-2817
  12. Python3.x中数据随机重排基本方法
  13. 在SqlServer2000的视图中小心使用*符号
  14. 【超链接】一些OI学习网站
  15. 5g pdu session_设备 | NEC被选为NTT DOCOMO独立5G移动核心的供应商
  16. 网页实现微信扫描二维码登录
  17. Python定向爬虫入门
  18. 行至青鸟 | 为学习保驾护航的“教学管理”
  19. ios 改变图片尺寸_iOS基础(十八)——调整图片尺寸和大小
  20. 【Java--名片管理系统】

热门文章

  1. linux 删除行 脚本呢,Linux SED脚本找到匹配模式的第一行并删除它
  2. 【Verilog基础】Verilog语法之位选择运算符 “+:“ 和 “-:“
  3. Live:主流技术构建即时聊天室演示应用,直播源码
  4. 【每日英文】2021.10.9
  5. 机器人 郑佳佳_华为牛人表白女神遭拒,自制女机器人结婚,牛!
  6. C语言-算术运算和赋值运算
  7. 13款最好的开源Linux操作系统
  8. Hash函数与生日攻击
  9. 按月收费,Win 10 将变成 Win 365 吗;苹果推出 Swift 资格认证
  10. 用理科思想看文科[进阶版] V1.0.0.0.1