Array.forEach Array.map Array.filter的用法

Posted panda-programmer

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Array.forEach Array.map Array.filter的用法相关的知识,希望对你有一定的参考价值。

1. Array.forEach  循环

let arr = [1,2,3,4,5]
arr.forEach(item=>{
    console.log(item)
})

1
2
3
4
5

2.Array.map 遍历并生成新的数组

map方法不改变源数据,需要用变量接收,注意return的每一个值是新数组的每一个值

let arr = [1,2,3,4,5]
let newArr = arr.map(item=>{
    return item+1
})
console.log(newArr)
[2,3,4,5]

3.Array.filter 遍历并过滤数组

filter方法不改变源数据,需要用变量接收,注意需要判断每一个值是否符合某种规则,return 的是true或false true代表插入数组,false代表被过滤掉

  let arr = [1,2,3,4,5]
let newArr = arr.filter(item=>{
    if(item%2==0){
        return false
    }else{
        return true
    }
})
console.log(newArr)
[ 1, 3, 5 ]

 

以上是关于Array.forEach Array.map Array.filter的用法的主要内容,如果未能解决你的问题,请参考以下文章

Array.map()和Array.forEach()返回原始数组

对 forEach(),map(),filter(),reduce(),find(),every(),some()的理解

[转] 对 forEach(),map(),filter(),reduce(),find(),every(),some()的理解

数组Array常用方法

js基础之数组迭代方法

5个数组方法