欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 房产 > 建筑 > 【前端】ES10:ES10新特性

【前端】ES10:ES10新特性

2024/10/26 0:21:26 来源:https://blog.csdn.net/weixin_45980065/article/details/142497291  浏览:    关键词:【前端】ES10:ES10新特性

文章目录

  • 1 Object.fromEntries
  • 2 trimStart() 和 trimEnd()
  • 3 数组的 flat 和 flatMap
  • 4 Symbol 对象的 description 属性
  • 5 可选的 catch

1 Object.fromEntries

Object.fromEntries()方法允许你轻松地将键值对列表转换为对象。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><script>let arr = [["name", "kerwin"], ["age", 100]]console.log(Object.fromEntries(arr)) // 键值对转换成对象// 用处1let m = new Map()m.set("name", "tiechui")m.set("age", 100)console.log(Object.fromEntries(m))// 用处2let str = "name=xiaoming&age=18"let seatchParams = new URLSearchParams(str)console.log(Object.fromEntries(seatchParams)) // {name: 'kerwin', age: '100'}// 用处3let obj = {"A":["A1", "A2", "A3"],"B":["B1", "B1"],"C":["C1"]}// console.log(obj.map)let myarr = Object.entries(obj)// console.log(myarr)let mynewarr = myarr.map(([key, value])=>[key, value.length])console.log(Object.fromEntries(mynewarr))</script>
</body>
</html>

2 trimStart() 和 trimEnd()

trimStart()和trimEnd()方法在实现与trimLeft()和trimRight()相同。

let str = "   kerwin    "
console.log("|"+str.trim()+"|") // 去首尾空格
console.log("|"+str.trimLeft()+"|") // 去左边空格
console.log("|"+str.trimRight()+"|") // 去右边空格console.log("|"+str.trimStart()+"|") // 去首空格console.log("|"+str.trimEnd()+"|") // 去尾空格

3 数组的 flat 和 flatMap

详见【前端】ES6:数值扩展、对象扩展、函数扩展 中的1.6。

4 Symbol 对象的 description 属性

为Symbol对象添加了只读属性description,该对象返回包含Symbol描述的字符串。

let s = Symbol("kerwin")
console.log(s.description) // kerwin

5 可选的 catch

let pro1 = new Promise(function (resolve, reject) {//执行器函数setTimeout(() => {resolve("成功的结果")}, 30000)
})
let pro2 = new Promise(function (resolve, reject) {//执行器函数setTimeout(() => {reject()}, 2000)
})
async function test() {try {await Promise.race([pro1, pro2])} catch { // 可以不写errorconsole.log("不关心错误结果,网络超时")}
}
test()

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com