es6 map 获取数组对象的值

最新推荐文章于 2024-10-08 12:51:09 发布

yuyu_2019

最新推荐文章于 2024-10-08 12:51:09 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： ES6 对象数组的爱恨情仇

本文链接：https://blog.youkuaiyun.com/yuyu_2019/article/details/116174889

对象数组的爱恨情仇同时被 2 个专栏收录

18 篇文章

订阅专栏

ES6

6 篇文章

订阅专栏

这个示例展示了如何使用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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

yuyu_2019

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

C++程序设计之STL模板（常用容器及迭代器）

qq_43328751的博客

09-22

559

参考：《ACM程序设计》——曾宗根 STL模板 1. vector向量容器 vector向量容器可以像数组一样对元素进行随机访问，还能在尾部插入元素，是一种简单高效的容器，用来代替数组 vector具有内存自动管理的功能，对于元素的插入和删除，可以动态调整所占的内存空间 vector容器有两个重要的方法，begin(),end() begin()返回的识首元素位置的迭代器，end()返回的是最后一个元素的下一个元素位置的迭代器。创建vector对象常用以下三种方式： (1)不指定容器的元素个...

ES6 解构：从数组和对象中提取值，对变量进行赋值

weixin_41796631的博客

04-09

5982

let dad = 'biao' let mum = 'ling' let family = {dad:dad, mum:mum} console.log(family) //Object {dad:"biao", mum:"ling"} ES6 写法 let dad = 'biao' let mum = 'ling' let family = {dad, mu...

参与评论您还未登录，请先登录后发表或查看评论

深圳HTML5前端学习：帮大家理解ES6中的Map

12-05

604

深圳HTML5前端学习：帮大家理解ES6中的Map 帮大家了解ES6中的map： Map 是 ES6 中新增的数据结构，Map 类似于对象，但普通对象的 key 必须是字符串或者数字，而 Map 的 key 可以是任何数据类型… Map 的用法和普通对象基本一致，先看一下它能用非字符串或者数字作为 key 的特性。 const map = new Map(); const obj = {p: ‘H...

JavaScript知识点

Mr.Tang的博客

07-30

6977

事件委托：利用冒泡的原理，把事件加到父级上，触发执行效果 event.target target.nodeName来判断是哪个标签优点： 1、减少事件注册，节省内存。比如，在table上代理所有td的click事件。在ul上代理所有li的click事件。 2、简化了dom节点更新时，相应事件的更新。比如不用在新添加的li上绑定click事件。当删除某个li时，不用移解绑上面的click事件。缺点： 1、事件委托基于冒泡，对于不冒泡的事件不支持。 2、层级过多，冒泡过程中，可能会被某层

ES6 Set和Map数据结构

ladream的博客

11-25

214

一、Set 1.基本用法 Set数据类型类似数组，但里面的元素都是唯一的。 var s = new Set(); [2,2,3,4,3,2,2].forEach(x=>s.add(x)); console.log(s); //[2,3,4] const a = new Set([2,8,4,6,2,2,3]); console.log(a); //[2,8,4,6,3] console.log("a的size:" +

在ES6中，数组新增扩展及其用法汇总

Sherry Tian的博客

10-08

1596

本文详细讲解了es6中数组新增扩展及使用方法。

ES6新增字符串数组对象，函数方法汇总

weixin_43569862的博客

07-02

462

字符串 String.fromCodePoint() 从 Unicode 码点返回对应字符 String.fromCodePoint(0x20BB7) // "????" 2.String.raw() 转译模板字符串 String.raw`Hi\n${2+3}!` // "Hi\n5!"

es6,js 数组截取并保留原数组

周家大小姐

08-10

2470

const timeData = ['2021/8/5', '2021/8/6', '2021/8/7', '2021/8/8', '2021/8/9', '2021/8/10', '2021/8/11'] const timeDatax = timeData.map((item) => item.slice(5)) console.log('timeDatax', timeDatax) console.log('tim...

ES6 - Array的常用对象，数组的遍历And其他方法

qq_52499703的博客

07-14

1860

本文只列举了一些常用的使用方法

ES6的Map集合和类

Mr_115的博客

11-11

369

ES6的Map集合和类

ES6学习笔记（九）-- Map对象

weixin_45928836的博客

11-14

1505

前言：了解Map之前，我们先来看看什么是键值对。 JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），也就是{ key：value }的形式。但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。所以ES6提供了Map来解决这个问题，它类似于对象，也是键值对的集合，但是 “键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。也就是由原来的字符串 - 值，变成了值 - 值一、Map的特性 Map对象支持使用复杂数据结构作为key，所以Map

ES6常用的数组对象操作

u014651093的专栏

01-28

1490

1. forEach forEach方法中的function回调支持3个参数，第1个是遍历的数组内容；第2个是对应的数组索引，第3个是数组本身。 var sum = 0; [1, 2, 3, 4].forEach(function (item, index, array) { console.log(array[index] == item); // true sum += item; }); alert(sum); // 10 2. map [].map(); let expand.

es6 Array数组对象新增方法 Array.of()

现在学习也不晚

11-18

4095

Array.of方法用于将一组值，转换为数组。Array.of总是返回参数值组成的数组。如果没有参数，就返回一个空数组。Array.of基本上可以用来替代Array()或new Array()，并且不存在由于参数不同而导致的重载。它的行为非常统一。这个方法的主要目的，是弥补数组构造函数Array()的不足。因为参数个数的不同，会导致Array()的行为有差异Array() // [] Array(...

Vue 组件间的通信(1)

2401_84436058的博客

04-29

711

父组件向子组件传递数据。：自定义事件。：插槽分发内容，带上标签数据一起传输，主要是父组件想子组件传输。组件间通信规则。

ES6内置对象 - Map

若末lan的博客

02-23

1104

接口本质就是调用迭代器对象的next方法，指针会依次指向内部成员。（迭代器之后再详细介绍。如下图及前文，可以看出.key(),.values(),.entries()等方法返回是。我尝试用number类型也是可以做键值的，但是不能。，可以使用 for of遍历。

使用ES6语法中的Map数据结构快速取出想要的数据

weixin_43242045的博客

08-12

1355

let arr = [{ id: 111, name: "测试1" }, { id: 222, name: "测试2" }, { id: 333, name: "测试3" }, { id: 444, name: "测试4" }, ] let mapArr = new Map() arr.forEach(item => { mapArr.set(item.id, item) }) let a = [1

ES6——Map和Set

m0_64986878的博客

07-11

732

ES6新增的数据类型，Map、Set之间的关系，如何使用?Map和Set的属性和方法。

ES6之变量的解构赋值

lovewhoilove

08-20

185

1 概述 ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。举个例子就能明白上面的概念： let a = 1; let b = 2; let c = 3; //ES6允许写为： let [a, b, c] = [1, 2, 3]; 注：ECMAScript 6（简称ES6）是于2015年6月正式发布的JavaScript语言的标准，正式名为ECMAScrip

ES6 数组取值

曲小强

09-21

3427

const arr =[{ id:'1', name:'a' },{ id:'2', name:'b' }]; arr.map(list => list.id); //['1','2']

es6 获取数组某个key的值

最新发布

02-26

### 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]。