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

关于数组的几种方法总结

时间:2023-04-05 13:42:42 HTML5

有段时间没有写一些代码文章了,一直想着写,但是总是找一些理由或者接口来拖延写的时间。今天抽空写点简单的,很简单很基础,不过还是写一下吧,为了不要忘记数组的几个方法1.indexOf()用于返回指定字符或者数组中的字符Stringlocationusage:vararr=['a','b','c','d']arr.indexOf('b')2,forEach(function(item,index,arr){})遍历数组,传递三个参数(最常用的是前两个参数)。第一个参数是遍历数组的每一项,第二个参数是每个参数的下标,第三个参数是数组本身。可以在回调函数中做一些逻辑处理(不能改变原数组,不能返回处理后的值)用法:vararr=[1,2,3,4,5]arr.forEach((item,index)=>{returnitem+1})console.log(arr)//[1,2,3,4,5]不改变原数组lettempArr=arr.forEach((item,index)=>{returnitem+1})console.log(tempArr)//undefinedletarrs=[]arr.forEach((item,index)=>{arrs.push(item+1)})//[2,3,4,5,6]//在逻辑处理方法3中将处理后的值推入新数组map((item,index,arr)=>{})遍历数组,回调函数传入三个参数,return返回一个改变的数组用法:arr.map((item,index)=>{returnitem+1})//[2,3,4,5,6]arr.map((item,index)=>{returnitem+1}){if(item>3){returnitem}})//[undefined,undefined,undefined,4,5]4,filter((item,index)=>{})遍历数组,过滤出值满足条件的,不会改变原数组arr.filter((item,index)=>{if(item>2){returnitem}})//[3,4,5]返回一个数组letabcd=arr.filter((item,index)=>{returnitem+1})console.log(arr)//[1,2,3,4,5]不改变原数组console.log(abcde)//[1,2,3,4,5]没有对新数组的赋值。总结了这些方法。我会在以后的工作中尽可能多地练习和使用它们。坚持,加油!