ES6之map()方法

2023-10-29

map()方法:map,映射,即原数组映射成一个新的数组;
map方法接受一个新参数,这个参数就是将原数组变成新数组的映射关系。

function myfun_1(arr){
 var array = [];
  arr.map( item => {
    array.push(item*item);
  });
  console.log(array);
}
function myfun_2(arr){
 var array = [];
  arr.map( function(item){
  array.push(item*item);
 });
  console.log(array);
}

var arr3 = [1,2,3,4,5];
myfun_1(arr3);    //[1,4,9,16,25]
var arr1 = [5,2,1,3,4];
myfun_1(arr1);  //[25,4,1,9,16]
var arr2 = [3,4,5,1,2,6];
myfun_2(arr2);  //[9,16,25,1,4,36]

在实际的应用中,我们可以通过map方法得到某一个对象数组中特定属性的值

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
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

ES6之map()方法 的相关文章

  • 《从Paxos到ZooKeeper》读书笔记之第一章(二)

    从Paxos到ZooKeeper 读书笔记之第一章 二 1 2从ACID到CAP BASE 这一节由三小节 从大家数值的数据库事务的四个特性 引出来分布式事务的概念 通过对ACID模型的讨论 提出如何构建一个兼顾可用性和一致性的分布式系统方
  • Vue.js中的v-model指令(双向绑定)

    Vue js中v model的作用 v model的作用和使用场景 1 v model的作用 双向绑定 2 v model双向绑定的使用场景 表单 3 总结 v model的作用和使用场景 你好 Vue js作为现在最为常用的前端框架之一
  • Promise,async,await

    什么是Promise Promise 简单说就是一个容器 里面保存着某个未来才会结束的事件 通常是一个异步操作 的结果 从语法上说 promise是一个对象 从它可以获取异步操作的的最终状态 成功或失败 Promise是一个构造函数 对外提
  • ES6关于函数详解

    设置默认值的方式 ES6 之前 不能直接为函数的参数指定默认值 只能采用变通的方法 ES6 允许为函数的参数设置默认值 即直接写在参数定义的后面 function log x y World console log x y log Hell
  • Element ui中menu组件(el-menu/el-menu-item/el-submenu/template) 层级结构和用法

    此篇文章写下的时间是2020年 所以如今Element UI都更新了不知道多少版了 肯定会有些许变化 请勿完全照搬照抄 虽然可能这部分代码没什么大的变动 但还是要以官方文档为准 此文仅仅是借鉴 理解具体思路 然后再按照官方的例子来应用到自己
  • 读书笔记 摘自:《思维导图攻略:快速上手与落地实践》

    思维导图攻略 快速上手与落地实践 王健文 出版 2019 01 01 7 3万字 内容提要 无落地 不导图 思维导图的学习并不在于思维导图的绘制本身 而是在于实际应用和思维提升 第一章 精英人士自我提升的思维利器 第一节 提升大脑学习力的秘
  • VQGAN(Vector Quantized Generative Adversarial Network)模型简介

    论文 Taming Transformers for High Resolution Image Synthesis VQGAN Vector Quantized Generative Adversarial Network 是一种基于 G
  • 如何写一个随机洗牌函数

    看到了很多人写得随机洗牌函数 但是感觉写得都不是太好 自己写了一个试试 基本要求 给定一定范围的数比如最大值最小值 min max 在这个之间进行随机洗牌 首先生成一个按min到最大的max的数组a 对数组进行循环 每次随机生成一个要取的下
  • Object.defineProperty

    Object defineProperty Object defineProperty obj prop descriptor obj 要在其上定义属性的对象 prop 要定义或修改的属性的名称 descriptor 将被定义或修改的属性描
  • 前端常用js插件

    浏览目录 包管理器 加载器 打包工具 测试框架 框架 断言 覆盖率 运行器 QA 工具 MVC 框架和库 基于 Node 的 CMS 框架 模板引擎 Flux 数据可视化 时间轴 编辑器 文件 函数式编程 响应式编程 数据结构 日期 字符串
  • 未来简史--读书语句摘录及感悟

    文章目录 摘录 个人感想 摘录 18世纪末的英国哲学家边沁主张 所谓至善就是 为最多人带来最大的快乐 并认为国家 市场和科学界唯一值得追寻的目标就是提升全球的快乐 政治家应该追求和平 商人应该促进繁荣 学者应该研究自然 但不是为了荣耀什么国
  • 【按照年月去统计信息并分类展示】

    1 前言 需求是需要将历史订单按照年月分类展示 并展示汇总值 由于后端返回的是数组的数据 并没有将数据做好统计分类 出于对自己的自信以及不想给别人添麻烦的信息 然后自己写了一下处理的方法 然后放上最后的效果图吧 2 代码实现 按照月份统计每
  • VUEX各个模块的封装以及Router封装

    一 各个模块的作用 state 用来数据共享数据存储 mutation 用来注册改变数据状态 同步 getters 用来对共享数据进行过滤并计数操作 action 解决异步改变共享数据 异步 二 创建文件 actions js getter
  • React解密:React Hooks函数之useCallback和useMemo

    之所以将useCallback和useMemo放到一起 从某种意义上说 他们都是性能优化的始作俑者 他们也有很多的共性 我们先来回顾一下class组件性能优化的点 调用 setState 就会触发组件的重新渲染 无论前后 state 是否相
  • 大话数据结构读书笔记 1---线性表

    大话数据结构读书笔记 编程基础 数据结构 算法 1 线性表 顺序储存结构的结构代码 define MAXSIZE 20 储存空间的起始分配量 typedef int ElemType ElemType类型根据实际类型而定 这里假设是int
  • JavaScript 实现html导出为PDF文件

    相信各位前端工程狮们在一些报表项目 管理系统项目中都会遇到在这样的需求 申请报 表格 简历等等图文信息有导出为PDF文件 下面是记录我在项目中完成该需求的代码dome 发布出来也是希望对大家有些帮助 1 整体思路 将HTML元素打印或导出为
  • 上拉加载原理

    实现思路 之前写过一篇触底加载 经过一番苦学钻研 优化一下 样式方面 滚动区域是给固定高度 设置 overflow y auto 来实现 接下来看看js方面的实现 其实也很简单 触发的条件是 可视高度 滚动距离 gt 实际高度 例子我会使用
  • 前端基础(三)- ES7~ES12

    为了方便记忆和称呼 ES2015之后的新知识点我们都统称ES6语法 就没必要去划分得那么细 ES7 2016 Array prototype includes includes方法可以判断一个数组是否包含某个指定的值 如果存在返回true
  • 【华为数据之道学习笔记】5-5结构化数据入湖

    结构化数据是指由二维表结构来逻辑表达和实现的数据 严格遵循数据格式与长度规范 主要通过关系型数据库进行存储和管理 触发结构化数据入湖的场景有两种 第一 企业数据管理组织基于业务需求主动规划和统筹 第二 响应数据消费方的需求 结构化数据入湖过
  • 【华为数据之道学习笔记】5-9图模型设计

    图模型作为当前流行的信息处理加工技术 自提出以来 迅速在 学术界和工业界得到了普及 在智能推荐 决策分析等方面有着广泛的应用 图模型由节点和边组成 节点表示实体或概念 边则由属性或关 系构成 实体指的是具有可区别性且独立存在的某种事物 如某

随机推荐

  • 开发实况4.1.linux相关-CRT连接虚拟机提示用户名或密码错误

    文章目录 开发实况4 1 linux相关 CRT连接虚拟机提示用户名或密码错误 一 简介 二 问题解决 开发实况4 1 linux相关 CRT连接虚拟机提示用户名或密码错误 一 简介 已知我输入的用户名和密码正确但是却跳failed 二 问
  • Mac下使用GitHub+Hexo搭建个人博客

    首发链接 开始之前需要在电脑上安装好Git和node js Mac上可以使用Homebrew命令行工具来安装Git和node js 安装Homebrew 在命令行工具输入以下命令 如果已经安装过Homebrew可以忽略 usr bin ru
  • pjsip库使用时,顺序也有一定要求,

    LIBS PWD third lib pjsip lib libpjsua aarch64 unknown linux gnu a LIBS PWD third lib pjsip lib libpjsip ua aarch64 unkno
  • Arrays.asList(T...a)的使用问题

    我们经常会使用Arrays asList来初始化一个列表List 例如 List
  • 希尔排序图文详解+代码实现

    希尔排序也是一种插入排序 它是直接插入排序经过改进之后的一个更高效的版本 也称为缩小增量排序 性质 1 时间复杂度 O nlogn 2 空间复杂度 O 1 下面先介绍一下直接插入排序 理解了直接插入排序 希尔排序就很好理解了 实现代码也是由
  • 徐泽阳7.28黄金白银涨跌走势预测;期货原油实时策略指导

    黄金消息面与基本面解析 现货黄金反弹 因美元指数承压下行 但后者仍运行在92 50上方附近 在美联储政策会议召开之际 市场情绪趋于谨慎 美联储重点将围绕缩减购债以及对通胀飙升的忍耐度展开讨论 同时还要审慎考虑防疫形势可能的恶化 美元指数已从
  • mqtt 发送消息过多_物联网宠儿mqtt.js那些事儿

    常见的mq有Kafka RocketMQ和RabbitMQ 大家也很常见 前者很常见 MQTT是什么呢 MQTT属于IoT也就是物联网的概念 常见的mq有Kafka RocketMQ和RabbitMQ 大家也很常见 MQTT是什么呢 Kaf
  • utc时间转毫秒

    public class DateUtils private DateUtils public static final String FORMAT UTC yyyy MM dd T HH mm ss SSS Z public static
  • win10中Docker安装、构建镜像、创建容器、Vscode连接实例

    Docker方便一键构建项目所需的运行环境 首先构建镜像 Image 然后镜像实例化成为容器 Container 构成项目的运行环境 最后Vscode连接容器 方便我们在本地进行开发 下面以一个简单的例子介绍在win10中实现 Docker
  • md5文件校验 java代码_MD5文件校验码生成java代码

    import java io File import java io FileInputStream import java io IOException import java io InputStream import java nio
  • 优秀C++STL文章的索引

    2023年6月3日 周六下午 今天打算好好学习一下C 的STL库 找到了一些不错的教程 STL教程 C STL快速入门 非常详细 https www cnblogs com fusiwei p 11823234 html C STL教程入门
  • 应用篇-Zabbix对端口的监控

    配置 主机 需要添加端口监控的ip 监控项 创建监控项 按照图内填入对应端口信息 端口监控项创建完成 端口的监控不仅仅是要端口的数据的数据 更需要的是一个触发的机制 当端口不在时 触发告警 通知对应的业务人员及时处理 接下来是触发器的设置
  • Spring-01,Spring入门介绍,核心容器,工程搭建,控制反转与依赖注入,Bean的配置(未完)

    Spring框架 1 什么是Spring Spring框架是一个开放源代码的J2EE应用程序框架 由Rod Johnson发起 是针对bean的生命周期进行管理的轻量级容器 lightweight container Spring解决了开发
  • idea 自动补全返回值,自动补全变量名称和属性名称

    这种时候我们想快速补全返回值和对象 直接点击 ctrl alt v 便可
  • 微软AJAX CDN功能简介 免费AJAX缓存支持

    http dotnet chinaitlab com ASPNET 815224 html 微软官方资料 http www asp net ajaxlibrary cdn ashx 微软推出了一个新的AJAX工具 AJAX CDN 这个工具
  • 长沙到底有没有互联网?

    爱学习 勤思考 学数学 玩魔术 欢迎点击头部蓝字关注MatheMagician 这里有你要的奇迹 2018年7月25日 湖南省长沙市 鸟瞰九龙仓长沙国际金融中心 作者 小谦 责编 胡巍巍 在中国互联网行业 湖南人是一股不容忽视的力量 谈及湘
  • 操作系统四大特征

    大家好 我的文章能让您看到 我非常的荣幸 我今天将为大家简单的介绍操作系统的四大基本特征 常见的操作系统 Windows Linux DOS Unix MAC等 如图所示 这是操作系统最基本的特征 接下来 我们一一分析和理解 一 操作系统四
  • 浏览器恶意域名拦截插件

    Net Shield crx插件可有效识别浏览器访问的恶意域名 如成人类网站 钓鱼网站等 可用于家长控制等场景 避免用户在不知情的情况下因访问恶意域名而感染木马等恶意程序 使用方法 通过浏览器扩展插件功能添加该插件即可 下载地址 http
  • 分享一个很容易实现的某大学的结构光源码【DIY自己的三维扫描仪】

    这个分享是一个大学做的结构光的代码 用一个usb相机 再加一个投影仪 完全按照说明配置opencv QT 还有一些库 只要配置好了 很容易跑通 代码和UI也很好 也可以优化成自己想要的那种 里面资料很全 非常适合不同高度的人来学习 看完觉得
  • ES6之map()方法

    map 方法 map 映射 即原数组映射成一个新的数组 map方法接受一个新参数 这个参数就是将原数组变成新数组的映射关系 function myfun 1 arr var array arr map item gt array push