Javascript:对象文字表示法中的indexOf

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”，那么我仍然需要再次执行 if else 来拉取逻辑。

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

我希望避免这种情况。

如有任何帮助，我们将不胜感激。如果有任何替代方案可以替代 if..else 代码味道语句，我很好。

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]()
}