Question

我在现有项目中使用了以下代码。

//selectedColumn is dynamic but will have part of the string
if(selectedColumn.indexOf(const.abc) > -1 || selectedColumn.indexOf(const.abcd) > -1) //selectedColumn can be bc, ab etc
{
    //logic 1
}

if(selectedColumn.indexOf(const.xyz) > -1 || selectedColumn.indexOf(const.wxyz) > -1){ //selectedColumn can be xy, yz etc
    //logic 2
}
//.. so on and so forth

我想使用对象文字符号而不是这个if else梯形图。

var logicLookup = {
    "???": function(){ //what should be the func name here
        //logic 1
    }
};

logicLookup[selectedColumn]()

如何在对象文字中包含函数名称？我相信我不能在对象文字内部进行indexOf操作。

如果我给这个函数起一个像'ab＆＃39;这样的名字，那么我仍然需要再做其他的事情才能拉出逻辑。

if(selectedColumn.indexOf(const.abc) > -1 || selectedColumn.indexOf(const.abcd) > -1)
{
    logicLookup["ab"]()
}

如果要避免，我想要这个。

任何帮助将不胜感激。如果有任何替代方案，如果有另外的代码气味陈述，我会很高兴。

Answer 1

您只能将该技术用于完全匹配方案。我会分两步完成：

1- 规范化输入，从灵活的表示转换为精确的表示：

function normalize(name) {
  var aliasTable = {
    'ab' : ['ab', 'abcd', 'ad'],
    'xyz': ['xyz', 'wxyz']
  }

  for (var normName in aliasTable) {
    for (var i in aliasTable[normName]) {
      if (name === aliasTable[normName][i]) return normName
    }
  }
}

normalize函数的行为如下：

normalize('ab')   -> 'ab'
normalize('abcd') -> 'ab'
normalize('xyz')  -> 'xyz'
normalize('wxyz') -> 'xyz'

normalize(anythingElse) -> undefined

2-发送函数调用：

var normName = normalize('abcd')

var handlers = {
  'ab' : function handleAB() { ... },
  'xyz': function handleXYZ() { ... },
}

if (normName in handlers) {
  handlers[normName]()
}

Javascript：indexOf in object literal notation

1 个答案: