Argument Mapper | 5kyu

Details

As part of a broader functionality you need to develop an argument mapper.

The function receives a function object as first parameter and an unknown number of arguments [zero to many]. You have to return an associative array that maps the name of an argument and its related value.

The usage is:

function func1(arg1, arg2) { ... }

var map = createArgumentMap(func1,'valueOfArg1', 'valueOfArg2');
console.log(map['arg1']);  // writes 'valueOfArg1'
console.log(map['arg2']);  // writes 'valueOfArg2'

The passed values are in the same order as they appear in the function object.

Invalid inputs, e.g. non-function objects, or wrong number of arguments, are not considered.

Hajime!

My Solution

function createArgumentMap(func) {
    // create an argument map and return it
    let args = Array.prototype.slice.call(arguments,1);
    let res = {};
    for (var i = 1; i <= args.length; i++) {
        res['a' + i] = args[i-1]
    }
    return res
  }

关于 JavaScript 中 arguments 的性质参看:Arguments object

res['a'+i] 是为了契合 test 中都是用形如 map[a1] map[a2] 等来 check 答案的。这里我的方法有些取巧。实际上需要得到的是实际定义函数时使用的参数名称,就像上次 review 中那样,要用到 .toString() 和正则表达式。

Other Solutions

colbydauph

function createArgumentMap(func) {
  var args = (/function\s[^(]*\(([^)]+)\)/g.exec(func.toString()) || ['']).pop().split(/,/g);
  return Array.prototype.slice.call(arguments, 1).reduce(function(p, c, i){ return p[args[i]] = c, p }, {});
}

reduce() 中 callback 函数的三个参数,依次分别是 accumulator, currentValue, currentIndex。对应代码中的 function(p, c, i){...}

正则表达式分析:

/function\s[^(]*\(([^)]+)\)/g

  • /…/g : 表明正则表达式 global 模式,找到所有可能的 match,而不是仅仅是找到第一个 mathc 就停下来。
  • function\s : 以 function 开头,紧接着是一个 space 空格 \s
  • [^(]* : 0 个或多个非 ( 的字符。
  • \(: 匹配左括号 (
  • ([^)]+): 1个或多个非 ) 的字符。注意这里用括号括住,那么输出匹配结果时也会把这个括号括住的匹配输出来。
  • \): 匹配右括号 )
>(/function\s[^(]*\(([^)]+)\)/g.exec(func1.toString()))
[ 'function func1(arg1, arg2)',
  'arg1, arg2',
  index: 0,
  input: 'function func1(arg1, arg2) { console.log(arg1, arg2) }' ]
>(/function\s[^(]*\([^)]+\)/g.exec(func1.toString()))
[ 'function func1(arg1, arg2)',
  index: 0,
  input: 'function func1(arg1, arg2) { console.log(arg1, arg2) }' ]
>

上述展示了加中间那对括号,和不加括号时的区别。

另外注意这里的 .split(/,/g) 方法的参数。这里的参数并不是两个。而是一个,一个正则表达式,global 模式匹配单字符 ,,用正则表达式的 /.../g 扩起来。同理也可以写成 .split(',')

.reduce()方法使用及参数说明:Array.prototype.reduce()

关于最后在 reduce 的 callback 函数中,return 那里出现的 comma,return p[args[i]] = c, p,其实就是多个语句的简写,先进行赋值,然后输出 p。参见 stack overflow 上的解释:return statement with multiple comma separated values

It’s the comma operator. It runs a series of expressions, in order, and then returns the result of the last of them.

stnever

function createArgumentMap(func) {
  var argumentNames = getArgumentNames(func);
  var argumentValues = arguments;
  var result = {};
  argumentNames.forEach(function(key, index) {
    result[key] = argumentValues[index+1];    
  });
  return result;
}

// shamelessly copied from http://stackoverflow.com/questions/1007981
var STRIP_COMMENTS = /((\/\/.*$)|(\/\*[\s\S]*?\*\/))/mg;
var ARGUMENT_NAMES = /([^\s,]+)/g;
function getArgumentNames(func) {
  var fnStr = func.toString().replace(STRIP_COMMENTS, '')
  var result = fnStr.slice(fnStr.indexOf('(')+1, fnStr.indexOf(')')).match(ARGUMENT_NAMES)
  if(result === null)
     result = []
  return result
}

分类

标签