JavaScript:map全局函数

数组的map方法

  • const new_array = arr.map(callback[, thisArg]);
    function callback(currentValue, index, array)

  • 原数组arr不变,返回一个新组数

  • callback依次作用原数组的每一个成员,生成新数组中相应的成员。

  • callback的参数currentValue和返回值类型不需要相同

  • 一般情况,callbackindexarray不用传

  • 一般情况,thisArg参数不用传。

Array.prototype.map()

map全局函数

  • 也是先判断类型,如果是数组,直接调用

  • 如果是对象,先拿到属性名字的数组。

  • 这里不能用对象的属性名的数组的map方法,而是应该reduce方法,初始值是{}
    因为map的结果还是一个数组,而reduce的结果才可能是一个对象。

  • 这里不能用对象的值的数组,值变换之后,要和属性名对应起来。根据属性名可以找到值,但是根据值,无法找到对应的属性名

  • 导出为函数,方便使用,文件名map_function.js

// 全局函数,区别于数组的reduce()方法
module.exports = function mapFunction(callback, target) {
    // 如果callback不是函数,调用数组的reduce会报错
    if ('function' !== typeFunction(callback)) {
        return target;
    }
    const type = typeFunction(target)
    if (type === 'array') {
        return target.map(callback);
    } else if (type === 'object') {
        const keys = Object.keys(target);
        return keys.reduce(function (accumulator, currentValue) {
            accumulator[currentValue] = callback(target[currentValue]);
            return accumulator;
        }, {});
    } else {
        return target;
    }
}

// private
function typeFunction(object) {
    return Object.prototype.toString.call(object).slice(8, -1).toLowerCase();
}
  • 测试文件,文件名为map_function_test.js
const mapFunction = require('./map_function.js');
const log = console.log;

// 平方根
const sqrt = Math.sqrt;
log(mapFunction('', [1, 4, 9]));    // [ 1, 4, 9 ]
log(mapFunction(sqrt, [1, 4, 9]));  // [ 1, 2, 3 ]
log(mapFunction(sqrt, {
    one : 1, 
    two : 4, 
    three : 9
}));                                // { one: 1, two: 2, three: 3 }

// 双倍
const double = function(currentValue) {
    return currentValue * 2;
};
log(mapFunction('', [1, 4, 9]));      // [ 1, 4, 9 ]
log(mapFunction(double, [1, 4, 9]));  // [ 2, 8, 18 ]
log(mapFunction(double, {
    one : 1, 
    two : 4, 
    three : 9
}));                                  // { one: 2, two: 8, three: 18 }

// 将单词转换为复数形式
function fuzzyPlural(single) {
  var result = single.replace(/o/g, 'e');  
  if( single === 'kangaroo'){
    result += 'se';
  }
  return result; 
}

var words = ["foot", "goose", "moose", "kangaroo"];
var object = {
    0 : "foot",
    1 : "goose",
    2 : "moose",
    3 : "kangaroo",
};
log(mapFunction('', words));           // [ 'foot', 'goose', 'moose', 'kangaroo' ]
log(mapFunction(fuzzyPlural, words));  // [ 'feet', 'geese', 'meese', 'kangareese' ]
log(mapFunction('', object));          // { '0': 'foot', '1': 'goose', '2': 'moose', '3': 'kangaroo' }
log(mapFunction(fuzzyPlural, object)); // { '0': 'feet', '1': 'geese', '2': 'meese', '3': 'kangareese' }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,902评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,037评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,978评论 0 332
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,867评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,763评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,104评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,565评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,236评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,379评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,313评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,363评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,034评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,637评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,719评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,952评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,371评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,948评论 2 341

推荐阅读更多精彩内容