zoukankan      html  css  js  c++  java
  • map的使用

    1. function(){}   写成 ()=>{}

    map(item => {
    
     return item.split(',')[0];
    
    })

    2. 而进而含有一些计算或者别的代码自然就用回return 

    ()=>{....  return {}} 
    map(item => {
    
     const arr = item.split('#');
    
    return {bizId: arr[0],bizType: arr[1]}
    
    })

    3. 如果我想返回对象  ()=>{a:2} 它就不明白你想干吗了,就会出错

    所以应该写成 ()=> ({a:2}) 
    map(item => (
    
    `${item.line}:${item.id}`
    
    ))

    4. 如果返回简单的值就直接写 ()=> 'abc'

    map(item => 
    
    `${item.line}:${item.id}`
    
    )

    5. map遍历对象

    var map = [{  
                 key : "百度",  
                 value : "李彦宏"  },
                {
                 key : "阿里巴巴",  
                 value : "马云"  },
            ];  
    
    for (var key in map) {  
                console.log(map[key]);  
            }
    //输出结果
    //Object {key : "百度", value : "李彦宏"}
    //Object {key : "阿里巴巴", value : "马云"}

    6. 遍历map集合

    var m = new Map();
    m.set(1, "black");
    m.set(2, "red");
    m.set("colors", 2);
    //方法一:
    m.forEach(function (item) {
         console.log(item.toString());
    });
    
    //方法二:
    m.forEach(function (value, key, map) {
        console.log(value)
     })
    // 输出:
    // black
    // red
    // 2
    //方法三:
    for (var [key, value] of m) {
      console.log(key + ' = ' + value);
    }
    // 输出:
    // 1 = black
    // 2 = red
    // colors  = 2

    7. 杂合项

    //forEach循环
        [1,2,3,4,5,6].forEach(function (value,index,arr) {
                console.log(value); //1,2,3,4,5,6
                console.log(index);//0,1,2,3,4,5
        });
        //$.each()循环
        $.each([1,2,3,4,5,6],function (index,vaule,arr) {
             console.log(index);//0,1,2,3,4,5
            console.log(vaule); //1,2,3,4,5,6
        })
        //map循环类似forEach循环
        const data=[1,2,3,4,5,6];
        data.map(function (value,index,arr) {
            console.log(value);//1,2,3,4,5,6
        })
  • 相关阅读:
    robotframework-ride1.7.3.1更新安装
    批量删除新浪微博
    Redis
    GET和POST两种基本请求方法的区别
    selenium2自动化测试实战--基于Python语言
    同步/异步/阻塞/非阻塞/BIO/NIO/AIO
    HTTP抓包实战
    LCT模板(BZOJ2631)
    树链剖分模板(BZOJ3083)
    凸包(BZOJ1069)
  • 原文地址:https://www.cnblogs.com/amujoe/p/9493360.html
Copyright © 2011-2022 走看看