es6 map 获取数组对象的值

这个示例展示了如何使用JavaScript的map函数遍历一个包含姓名、年龄和性别的对象数组,并仅打印出每个对象的年龄。getter函数接收一个对象数组作为参数,然后依次输出每个对象的age属性值。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

var obj = [
  {name:'小明',age:16,sex:'男'},
  {name:'小红',age:17,sex:'女'},
  {name:'小白',age:18,sex:'女'},
]
function getter(obj){
  obj.map( item => {
    console.log(item.age);
  })
}

getter(obj);
//16
//17
//18
### ES6 JavaScript 获取数组对象特定 Key 的ES6 中,有多种方式可以获取数组对象的特定键对应的。以下是几种常见的方式: #### 使用 `map` 方法 可以通过调用数组上的 `map()` 函数来提取每个对象中的指定属性并创建一个新的只包含这些属性数组。 ```javascript const users = [ { id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }, { id: 3, name: 'Charlie' } ]; // 提取所有的名字形成新数组 ["Alice", "Bob", "Charlie"] const names = users.map(user => user.name); console.log(names); // 输出:["Alice", "Bob", "Charlie"] ``` 这种方法简洁明了,并且利用了箭头函数使得代码更加紧凑[^1]。 #### 利用解构赋简化访问过程 当只需要读取单个元素时,也可以采用解构的方式来快速获得所需的数据成员。 ```javascript const [{name}] = users; console.log(name); // 如果users不为空,则输出第一个用户的姓名 Alice ``` 对于更复杂的场景下,比如想要找到具有特定条件的对象再取出其某字段的话,还可以先通过过滤器筛选目标项之后再做映射操作。 ```javascript // 假设要找id等于2的那个用户的名字 const foundName = users.find(u => u.id === 2).name; console.log(foundName); // Bob ``` 上述例子展示了如何组合使用不同的迭代工具以及链式调用来实现灵活多变的需求处理逻辑[^2]。 #### 处理不存在的情况 需要注意的是,在实际开发过程中应当考虑到可能遇到的一些异常情况,例如试图访问不存在于任何对象内的key或是尝试在一个空列表上调用`.find().property`可能会抛出错误。因此建议加入必要的边界检查措施以增强程序健壮性。 ```javascript function getPropertyValue(arrayOfObjects, keyToFind){ const result = arrayOfObjects.filter(obj=> obj[keyToFind] !== undefined ).map(item => item[keyToFind]); return result.length ? result : null ; } ``` 此辅助函数会返回一个由给定键组成的数组;如果没有任何匹配的结果则给出null表示未发现有效数据[^4]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值