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

常用的数组方法

时间:2023-03-29 13:01:40 HTML

一、会改变原数组的方法1.push()在末尾添加一个或多个元素返回结果:返回新数组的长度例子:[1].push(2)//2原文:[1,2]2,pop()删除最后一个元素返回结果:返回删除的元素示例:[1,2,3].pop()//3原文:[1,2]3、shift()head添加一个或多个元素返回结果:返回新数组的长度例子:[1].shift(2)//2原文:[2,1]4、unshift()删除一个元素在head返回结果:返回被删除的Element例子:[1,2,3].unshift()//1原:[2,3]5,splice(index,[howmany],[item1,...,itemX])//索引是必需的。起始位置,在指定位置添加/删除项,使用负值指定从数组末尾开始的位置。//多少可选。删除的item个数,如果为0则不删除//item1,...,itemX可选。被删除位置的元素需要被替换返回结果:如果有被删除的元素,则返回被删除的元素,如果没有,则返回[]示例1:[1,2,3].splice(1)//[2,3]原文:[1]例二:[1,2,3].splice(1,1)//[2]原文:[1,3]例三:[1,2,3].splice(1,0,4)//[]原文:[1,4,2,3]6.sort()数组将按照ASCII值进行排序返回结果:返回排序后的数组示例:[1,5,2,9,4]。sort()//[1,2,4,5,9]7、reverse()数组反转返回结果:反转数组示例:[1,2,3].reverse()//[3,2,1]8.forEach()arrayloop简单循环没有返回值,直接操作原数组2.不会??改变原数组的方法1.filter(function(currentValue,index,arr),thisValue)数组根据条件过滤//currentValue是必需的。当前元素的值//index可选。当前元素的索引值//arr是可选的。当前元素所属的数组对象//thisValue是可选的。执行回调时要使用的对象,传递给函数,并用作“this”的值。如果省略thisValue,则“this”的值为“undefined”返回结果:返回符合条件的元素的新数组示例:[1,2,3].filter(item=>{returnitem>1})//[2,3]原文:[1,2,3]2,concat(arr1,arr2...)数组拼接返回结果:返回拼接得到的新数组示例:[1,2,3].concat(4)//[1,2,3,4]原文:[1,2,3]范例:[1,2,3].concat([1,2])//[1,2,3,1,2]原文:[1,2,3]3、slice(start,end)数组截取startstartpositionendendposition返回结果:返回从start到endposition截取的新数组(不包括在内)示例:[1,2,3].slice(0,1)//[1]原文:[1,2,3]4.join(str)数组拼接,将每个元素与str拼接返回结果:返回拼接得到的字符串示例:[1,2,3].join(',')//1,2,3原文:[1,2,3]5.map()数组循环返回结果:returnnewarray例子:[1,2,3].map(String)//['1','2','3']原文:[1,2,3]6、some()数组循环如果满足一个条件,返回true返回结果:true/错误e例子:[1,2,3].some(item=>{returnitem>2})//true原文:[1,2,3]7,every()数组循环,如果所有条件都满足则返回true返回result:true/falseexample:[1,2,3].some(item=>{returnitem>0})//trueoriginal:[1,2,3]8,reduce(function(pre,cur),option)//pre上次返回的结果,本次cur循环到的item,option初始值的返回结果:上次merge的结果例子:[1,2,3].reduce((pre,cur)=>{returnpre+cur},0)//6原文:[1,2,3]例子:[1,2,3].reduce((pre,cur)=>{returnpre.push(cur)},[])//[1,2,3]原文:[1,2,3]9,includes(searchElement,fromIndex)//searchElement要查找的元素,fromIndex开始查找的位置返回结果:找到true/未找到false例子:[1,2,3].includes(2)//true原文:[1,2,3]10,indexOf(item,start)&lastIndexOf(item,start)//item为必填项,要查找的元素//start可选,数组中开始查找的位置,默认0returnresult:found1/Cannotfind-1example:[1,2,3].indexOf(2)//1original:[1,2,3]11,find()&findIndex()类似于循环的条件判断,条件满足时return()//find((currentValue,index,arr)=>{})//currentValue为必填项,当前元素//index可选当前元素的索引值//arr是可选的。当前元素所属的数组对象Find返回结果:满足条件时,返回第一个满足条件的元素的值/不满足条件,返回undefinedfindIndex返回结果:满足条件时,返回第一个满足条件/不满足的元素的索引值满足条件时返回-1例1:[1,2,3,4].find((item,index)=>{returnitem>2})//3示例2:[1,2,3,4]。find((item,index)=>{returnitem>5})//未定义示例3:[1,2,3,4].findIndex((item,index)=>{returnitem>2})//2示例4:[1,2,3,4].findIndex((item,index)=>{returnitem>5})//-1