当前位置: 首页 > 科技观察

ES6中六个很酷的数组函数

时间:2023-03-12 13:29:44 科技观察

1、Array.of关于奇怪的Array函数,我们都知道可以通过Array函数来做以下事情。初始化一个指定长度的数组;设置数组的初始值。//1.初始化一个指定长度的数组constarray1=Array(3)//[,,]//2.设置数组的初始值constarray2=Array()//[]constarray3=Array(undefined)//[undefined]constarray4=Array(1,2,3)//[1,2,3]传递给Array函数的参数个数不同,其作用也不同。这常常让我感到困惑。幸运的是,我们可以使用Array.of来弥补Array的不足。//它没有初始化长度为3的数组constarray1=Array.of(3)//[3]constarray2=Array.of()//[]constarray3=Array.of(undefined)//[undefined]constarray4=Array.of(1,2,3)//[1,2,3]2、在Array.fromfrom方法中,我们可以使用Array.from方法将类数组对象,arguments对象,和将NodeList对象转换为真正的数组。1)类数组对象constarrayLike={0:'fatfish',1:'medium',length:2}constarray1=[].slice.call(arrayLike)//['fatfish','medium']//更方便的方式constarray2=Array.from(arrayLike)//['fatfish','medium']2),节点列表constdomsNodeList=document.querySelectorAll('div')constdomsArray=Array.from(domsNodeList)//[dom,dom,dom,...]3),ArgumentsconstlogInfo=function(){console.log('arguments',arguments)console.log('Array.fromarguments',Array.from(arguments))}logInfo('fatfish',100)logInfo('fatfish')4),Array.from的第二个参数我们可以使用Array.from方法,比如“[].map”。常量数组=[1,2,3]常量数组2=数组。map((num)=>num*2)//[2,4,6]constarray3=Array.from(array,(num)=>num*2)//[2,4,6]3.includes当满足其中一个条件时,我们经常会写这样的判断语句来做某事。constnum=1if(num===1||num===2||num===3||num===4){console.log(num)//1}实际上可以通过包含来简化方法代码。constnums=[1,2,3,4]constnum=1if(nums.includes(num)){console.log(num)//1}4.使用“at方法”读取array你如何读取数组的尾部元素?是的,我们需要以“array.length-1”为下标来读取。constarray=[1,2,3,4,5]constlastEle=array[array.length-1]//5//你不能那样读constlastEle=array[-1]//undefined和其他方法?是的,“at”方法将为您带来神奇效果。当然,你也可以读取数组其他地方的元素。constarray=[1,2,3,4,5]constlastEle=array.at(-1)//5constele1=array.at(0)//15.flatflat()方法创建一个新数组,其中所有子数组元素递归连接到指定的深度。constarray=[1,[2,[3,[4,[5]]]]]//默认深度为1constflat1=array.flat()//[1,2,[3,[4,[5]]]]constflat2=array.flat(2)//[1,2,3,[4,[5]]]constflatAll=array.flat(Infinity)//[1,2,3,4,5]6。findIndex"findIndex()方法返回数组中第一个满足提供的测试函数的元素的索引。否则返回-1,表示没有元素通过测试。”常量数组=[-1,0,10,10,20,100]常量索引1=数组。findIndex((num)=>num<0)//0constindex2=array.findIndex((num)=>num>=10)//2最后,以上就是今天和大家分享的ES6中的6个数组函数。如果觉得有用,记得点赞,关注我,分享给身边做开发的朋友,说不定能帮到他。