javascript map函数的用法

javascript map函数的用法map 函数根据一个回调函数创建一个新的函数 它会遍历数组中的每一个值例子 vararr1 1 3 5 6 8 19 constmap1 arr1 map function singleEl returnsingle 2 console log map1 返回的 map1 函数数组为 1 6 10 12 16 38 回调函数可用的参数

map()函数根据一个回调函数创建一个新的函数,它会遍历数组中的每一个值


例子


 var arr1 = [1,3,5,6,8,19] const map1 = arr1.map(function(singleEl){ 
      return singleEl*2; }) console.log(map1) //返回的map1函数数组为[2,6,10,12,16,38] 

回调函数可用的参数

var new_array = arr.map(function callback(currentValue[,index[,array]]){ 
      //返回数组中的单个元素 },thisArg) 

参数:

应用

vue中重复渲染组件

<div id='app'> <ele></ele> </div> <script> var child = { 
      render:function(createElement){ 
      return createElement('p','文字'); } }; Vue.component('ele',{ 
      render:function(createElement){ 
      return createElement('div', Array.apply(null,{ 
      length:5 }).map(function(){ 
      return createElement(Child); }) ); } }); var app = new Vue({ 
      el:'#app' }) </script> 
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/222108.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月17日 下午4:33
下一篇 2026年3月17日 下午4:33


相关推荐

  • RPC协议了解

    RPC协议了解1.RPC概述RPC(RemoteProcedureCallProtocol)远程过程调用协议。通俗的描述是:客户端在不知道调用细节的情况下,调用存在于远程计算机上的某个过程或函数,就像调用本地应用程序中的一样。正确的描述是:一种通过网络从远程计算机程序上请求服务,而不需要了解底层网络技术的协议。2.RPC特点:2.1)RPC是协议:协议意味着规范。目前典型的RPC实现包括Dubbo、Thrift、Herrty等。但这些实现往往都会附加其他重要功能,例如Dubbo还包括服务管理、访问权限

    2022年5月19日
    65
  • htons函数详解

    htons函数详解Part1 htons 函数具体解释 nbsp nbsp nbsp nbsp 在 Linux 和 Windows 网络编程时需要用到 htons 和 htonl 函数 用来将主机字节顺序转换为网络字节顺序 nbsp nbsp nbsp nbsp 在 Intel 机器下 执行以下程序 intmain nbsp nbsp printf d n htons 16 nbsp nbsp nbsp nbsp nbsp return0 得到的结果是 4096 初一看感觉很怪

    2026年3月19日
    2
  • 自己动手实现arping

    自己动手实现arping只要接触过网络的人,相信对ping命令并不陌生。该命令可以用来检测本机到目标机的网络是否连通,是一种很常见的网络监测手段。对网络熟悉一点的人可能还知道ping命令的工作原理。让我们看看ping命令的介绍:DESCRIPTIONpingusestheICMPprotocol’smandatoryECHO_REQUESTdatagramtoelicitanICMPECHO_RESPONSEfromahostorgateway….

    2022年6月7日
    33
  • FAIR plus 机器人全产业链接会,链动全球智能新机遇!FAIR plus 机器人全产业链接会,链动全球智能新机遇

    FAIR plus 机器人全产业链接会,链动全球智能新机遇!FAIR plus 机器人全产业链接会,链动全球智能新机遇

    2026年3月12日
    3
  • 重拾 java helloworld

    重拾 java helloworld

    2021年8月19日
    62
  • java静态多态实例,java多态

    java静态多态实例,java多态市面上对于多态往往有两种说法 一种是多态是通过方法的重载和方法的重写来实现多态 另外一种是父类型的引用指向子类型的对象或者接口类型的引用指向实现接口的类的实例 其实两种说法都不全面 首先 要从字面上来理解什么是多态 多态 即 多种状态 以上两种说法都代表了两种状态 java 中多态可以分为静态多态和动态多态 1 静态多态 demo1publicv i j returni

    2026年3月17日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号