• javascript中array的map方法的使用


    场景:

      你有一个数组,你想对数组中的每个元素做点事情

    例如:

      你有一个数组:[1,2,3,4,5,6,7],你想输出这个数组的每个元素的立方

      一种方法是遍历这个数组,做立方计算后赋给新的数组,像下面这样:

     1 'use strict';
     2 function mySquare(arg){
     3     // return arg * arg * arg;
     4  return Math.pow(arg,3);
     5 } 
     6 var myArr = [1,2,3,4,5,6,7];
     7 var myNewArr = [];
     8 for(var i in myArr){
     9     myNewArr[i] = mySquare(myArr[i]);
    10 }
    11 console.log(myNewArr);

    但如果用map方法,将更加简便,像下面这样:

    1 'use strict';
    2 function mySquare(arg){
    3     // return arg * arg * arg;
    4     return Math.pow(arg,3);
    5 } 
    6 var myArr = [1,2,3,4,5,6,7];
    7 var myNewArr = myArr.map(mySquare);
    8 console.log(myNewArr);

    是不是很方便!

    map方法的定义如下:

      map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值

      map() 方法按照原始数组元素顺序依次处理元素

      map() 不会对空数组进行检测

      map() 不会改变原始数组

    map语法:

      array.map(function(currentValue,index,arr), thisValue)

      参数说明:

        function(currentValue, index,arr)  必须。函数,数组中的每个元素都会执行这个函数

            函数参数:

                currentValue  必须。当前元素的值

                index  可选。当期元素的索引值

                arr  可选。当期元素属于的数组对象

        thisValue  可选。对象作为该执行回调时使用,传递给函数,用作 "this" 的值。如果省略了 thisValue ,"this" 的值为 "undefined"

    map方法还可以做很多事情:

    比如,将数组元素转换成字符串:

    1 'use strict';
    2 var myArr = [1,2,3,4,5,6,7];
    3 var myNewArr = myArr.map(String);
    4 console.log(myNewArr);

    发挥你的想象,一切皆有可能!

  • 相关阅读:
    电商用户留存率比例
    转载——使用Python拆分数据量大的CSV文件(亲测有效)
    SQL中group by的注意事项
    MySQL中DELETE子句与TRUNCATE TABLE语句的区别
    TimeStamp( )函数, TimeStampAdd( )函数 , TimeStampDiff( )函数
    MySQL 练习题目 二刷
    math对象,BOM模型中常用对象
    js函数和date内置对象
    while循环和for循环
    不等于运算符、逻辑表达式、if语句及switch语句
  • 原文地址:https://www.cnblogs.com/liyunfei0103/p/7447922.html
Copyright © 2020-2023  润新知