第 6 章 ECMASript 10 新特性

6.1 Object.fromEntries

  • 这个方法用来创建一个对象
  • 参数接收一个二维数组,或者是一个map
  • Object.entries可以将一个对象转化成二维数组,相当于是Object.fromEntries的逆运算
// 二维数组
const result = Object.fromEntries([
  ['name', 'abc'],
  ['xueke', '123, 456']
]);

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

// Object.entries ES8
const arr = Object.entries({
    name: "djfk"
})
console.log(arr);

6.2 trimStart 和 trimEnd

  • 字符串的两个扩展方法
  • 用来指定清除字符串的左侧还是右侧的空白字符
  • trimStart清除左侧,trimEnd清除右侧
// trim
let str = '   dfdf   ';

console.log(str);
console.log(str.trim());
console.log(str.trimStart());
console.log(str.trimEnd());

6.3 Array.prototype.flat 与 flatMap

  • 数组的两个方法
  • flat将多维数组转化为低维数组;参数为深度,是一个数字
  • flatMap对原数组的每个元素执行一个函数,然后返回执行结果组成的数组,并且可以对返回结果进行扁平化
// flat
// 二维变一维数组
// 数组扁平化
// flat(1) 只扁平一层

const arr = [1, 2, 3, [5, 6]];
console.log(arr.flat()); // [1, 2, 3, 5, 6]

// 可以指定深度
const arr2 = [1, 2, 3, [5, 6, [7, 8, 9]]];
console.log(arr2.flat()); // [1, 2, 3, 5, 6, [7, 8, 9]]
console.log(arr2.flat(2)); // [1, 2, 3, 5, 6, 7, 8, 9];

// flatMap
// 对原数组的每个元素执行一个函数,然后返回执行结果组成的数组,并且可以对返回结果进行扁平化
const arr3 = [1, 2, 3, 4, 5, [6, 7, 8, 9]];
console.log(arr3.flatMap(item => item * 2)); // [2, 4, 6, 8, 10, 12, 14, 16, 18]

6.4 Symbol.prototype.description

  • symbol的一个扩展,description属性
  • 用来获取Symbol的字符串描述
// 创建 Symbol
let s = Symbol('abd');

console.log(s.description);  // 打印:abd
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值