当前位置: 首页 > Web前端 > JavaScript

ES10字符串和数组扩展

时间:2023-03-27 16:15:47 JavaScript

小编今天更新了es10中字符串和数组的更新,可以让我们的工作更加方便。现在让我们来看看这些扩展。1.字符串展开当我们去掉字符串前后的空格时,可以使用正则表达式,像这样letstr='school'str.replace(/^\s/g,'')//去掉字符中的空格frontofthestringstr.replace(/\s+$/g,'')//去掉字符串后面的空格es10中提供了如下方法,非常方便。letstr='school'console.log(str.trimStart())//去掉'school'前面的空格console.log(str.trimLeft())//去掉'school'前面的空格console.log(str.trimEnd())//去掉'school'后面的空格console.log(str.trimRight())//去掉'school'后面的空格console.log(str.trim())//去掉前面的空格andafter'school'2.是数组的扩展我们在项目中有时会遇到二维数组或者三维数组。这时候我们在调用数组方法的时候,有时候会因为数据解构而变得很复杂。ES10提供了两个方法可以将多维数组展开为一维数组,像这样让arr=[1,2,3,[4,5,6,[7,8,9,[10,11,12]]]]console.log(arr.flat())//[1,2,3,4,5,6,[7,8,9,[10,11,12]]]console.log(arr.flat().flat())//[1,2,3,4,5,6,7,8,9,[10,11,12]]console.log(arr.flat().flat().flat())//[1,2,3,4,5,6,7,8,9,10,11,12]当然flat函数也可以传参,里面的参数可以理解作为维数数组全部展开,像这样console.log(arr.flat(3))//[1,2,3,4,5,6,7,8,9,10,11,12]console.log(arr.flat(4))//[1,2,3,4,5,6,7,8,9,10,11,12]console.log(arr.flat(2))//[1,2,3,4,5,6,7,8,9,[10,11,12]]console.log(arr.flat(Infinity))//[1,2,3,4,5,6,7,8,9,10,11,12]不常用同样,我们也可以使用flatMap关键字来解决以下痛点constarr=[1,2,3,4,5]constres=arr.map(x=>x+1)console.log(res)//[2,3,4,5,6]constres=arr.map(x=>[x+1])console.log(res)//[[2],[3],[4],[5],[6]]console.log(res.flat())//[2,3,4,5,6]constarr=[1,2,3,4,5]constres=arr.flatMap(x=>[x+1])console.log(res)//[2,3,4,5,6]也可以扫描二维码,关注我微信公众号,蜗牛全栈