JS 中迭代数组的三种方法

第一种(forEach):

const todo = [
    {
        id : '1',
        name : 'zhangsan',
        age : '20',
    },
    {
        id : '2',
        name : 'lisis',
        age : '22',
    },
    {
        id : '3',
        name : 'wangwu',
        age : '22',
    }
]

 todo.forEach(function(todos){
    console.log(todos.name);
})

打印结果：

第二种(map)：

const todo = [
    {
        id : '1',
        name : 'zhangsan',
        age : '20',
    },
    {
        id : '2',
        name : 'lisis',
        age : '22',
    },
    {
        id : '3',
        name : 'wangwu',
        age : '22',
    }
]
const td = todo.map(function(todos){
  return todos.age;  
})

 console.log(td);

打印结果：

第三种(filter)：

const todo = [
    {
        id : '1',
        name : 'zhangsan',
        age : '20',
    },
    {
        id : '2',
        name : 'lisis',
        age : '22',
    },
    {
        id : '3',
        name : 'wangwu',
        age : '22',
    }
]
//将age等于22的数据信息打印
const tds = todo.filter(function(todos){
    return todos.age == 22;
})
 console.log(tds);

打印结果：

//将age等于22的数据中的name字段打印出来
const tds = todo.filter(function(todos){
    return todos.age == 22;
}).map(function(todos){
    return todos.name
})
console.log(tds);

打印结果：