关于数组的几个方法的总结

最近有一段时间没有写一些代码方面的文章了,心里一直想着写,却总是找一些理由或者接口来推迟写的时间。今天抽出点空来,写一点简单的东西,很简单,也很基础,但也写写吧,为了别忘了

数组的几个方法

1、indexOf()

用于返回某个数组中规定字符或字符串的位置
用法:

var arr = ['a', 'b', 'c', 'd']
arr.indexOf('b')

2、forEach(function(item, index, arr){})

遍历数组,传递三个参数(最常用的是前两个参数)第一个参数是遍历的数组的每一项,第二个参数是每个参数的下标,第三个参数是数组本身。在回调函数中可以做一些逻辑处理(不能改变原数组,也不能return出对item做处理之后的值)
用法:

var arr = [1,2,3,4,5]
arr.forEach((item, index)=>{return item+1})
console.log(arr)    //  [1, 2, 3, 4, 5]  没有改变原数组

let tempArr = arr.forEach((item, index)=>{return item+1})
console.log(tempArr) // undefined

let arrs = []
arr.forEach((item, index)=>{arrs.push(item+1)})//[2, 3, 4, 5, 6]  // 在逻辑处理方法中将处理后的值push到一个新数组中

3、map((item, index, arr)=>{})

遍历数组,同样回调函数传入三个参数,return返回一个改变后的数组
用法:

arr.map((item, index)=>{return item+1})  //[2, 3, 4, 5, 6]

arr.map((item, index)=>{if(item >3){return item}}) //[undefined, undefined, undefined, 4, 5]

4、filter((item, index)=>{})

遍历数组,将满足条件的值筛选出来,不会改变原数组

arr.filter((item, index)=>{if(item>2){return item}}) //[3, 4, 5]  return出来一个数组
let abcd = arr.filter((item, index)=>{return item+1})
console.log(arr)  //[1, 2, 3, 4, 5]  并没有改变原数组
console.log(abcde) // [1, 2, 3, 4, 5]也没有赋值给新数组

总结了这几个方法,在以后的工作中尽量多练习使用,坚持,加油!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章