ES7 /ES8 / ES9 /ES10 简单语法整理

本文整理了ES7至ES10的主要语法特性,包括数组的includes、运算符,ES8的entries、fromEntries、values及async/await等,ES9的for await of、rest参数和finally,以及ES10的Array.flat、trimStart和trimEnd等。通过这些特性,可以提升JavaScript编程效率和代码质量。
摘要由CSDN通过智能技术生成

ES7

1. includes

let array = [1, 2, 3]
if (array.includes(2)) {
   
	console.log('array => have')
}

2. 运算符

console.log(2**3) // 8 => 2*2*2

ES8

1. entries :

a. 适用于数组和字符串

const obj=Object.entries('ab');
console.log(obj)//[["0","a"],["1","b"]]
const arr=Object.entries([1,2]);
console.dir(arr);//[["0","1"],["1","2"]]

b. 传入对象时,如果对象的键是数值类型时,会返回按键排序。如果对象的键是ASCII码值,则不会进行排序

const s1={
   
	  3 : 'a',
	  1 : 'b,
	  "xx": "22"
}
console.log(Object.entries(s1)) //[["1","b"],["3","a"],["xx","22"]]

c. 对象属性是Symbol类型时,即该属性无法被Object.entries遍历,注意Symbol类型用作对象的属性时必须带中括号[],不然就会被当做普通的字符串处理

d. 对象多个属性, 可根据entries循环,返回数据的每一个键值对

let data = {
   a
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值