每天3分钟，重学ES6-ES12(七)ES10 新增内容-灵析社区

前言

今天开始和大家一起系统的学习ES6+,每天3分钟，用一把斗地主的时间，重学ES6+，今天介绍的是ES10中新增的内容

ES10

flat

flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。

相当于数组扁平化，接受一个参数，设置扁平化的层级

代码演示

// 1.flat的使用
const nums = [10, 20, [2, 9], [[30, 40], [10, 45]], 78, [55, 88]]
const newNums = nums.flat()
console.log(newNums)
//[10, 20, 2, 9, [30,40], [10,45], 78, 55, 88]

const newNums2 = nums.flat(2)
console.log(newNums2)
//[10, 20, 2, 9, 30, 40, 10, 45, 78, 55, 88]

flatMap

flatMap() 方法首先使用映射函数映射每个元素，然后将结果压缩成一个新数组。注意一:flatMap是先进行map操作，再做flat的操作; 注意二:flatMap中的flat相当于深度为1;

代码演示

// 2.flatMap的使用
// 可以拆分字符串，把数组的中的短语拆成单词
const messages = ["Hello World", "hello lyh", "my name is coderwhy"]
const words = messages.flatMap(item => {
  return item.split(" ")
})

console.log(words)
// ['Hello', 'World', 'hello', 'lyh', 'my', 'name', 'is', 'coderwhy']

Object fromEntries

在前面，我们可以通过 Object.entries 将一个对象转换成 entries，那么如果我们有一个entries了，如何将其转换成对象呢? ES10提供了 Object.formEntries来完成转换: 那么这个方法有什么应用场景呢?

代码演示

const obj = {
  name: "yz",
  age: 24,
  height: 1.88
}

const entries = Object.entries(obj)
console.log(entries)
//[['name', 'yz'], ['age', 24],['height', 1.88]]

const newObj = {}
for (const entry of entries) {
  newObj[entry[0]] = entry[1]
}
console.log(newObj)
//{name: 'yz', age: 24, height: 1.88}


// 1.ES10中新增了Object.fromEntries方法
// 可以直接解析类对象数组
const newObj = Object.fromEntries(entries)

console.log(newObj)
//{name: 'yz', age: 24, height: 1.88}


// 2.Object.fromEntries的应用场景
// 解析地址上的参数
const queryString = 'name=yz&age=24&height=1.88'
const queryParams = new URLSearchParams(queryString)
for (const param of queryParams) {
  console.log(param)
}

const paramObj = Object.fromEntries(queryParams)
console.log(paramObj)
////{name: 'yz', age: 24, height: 1.88}

trimStart trimEnd

去除一个字符串首尾的空格，我们可以通过trim方法，如果单独去除前面或者后面呢?

代码演示

const message = "    Hello World    "

console.log(message.trim())
console.log(message.trimStart())
console.log(message.trimEnd())

最后，这是我第一次参加更文活动，茫茫人海中，如果有幸遇到你，读到我这篇文章，那真是太好了。我深知还有很多不足，希望大家能多提建议，还是想舔着脸皮，向屏幕前的大帅比们，大漂亮们，恳请一个小小的点赞，这会是对我莫大鼓励。也祝愿点赞的大帅比们，大漂亮们升职加薪走向人生巅峰！