我能简化多个if-else语句吗？

Question

我在JavaScript中有以下代码？

if ($(form).data('action') == "Edit") {
  xx
} else if ($(form).data('action') == "Create"){
  xy
} else if ($(form).data('action') == "Delete"){
  xz
}

我能简化这个问题并提供默认路径吗？

- user1321237

---

默认路径是什么意思？ - Oleksi

Switch语句。或者创建名为“edit”的函数，并执行$(form).data('action')(){}？虽然我不确定第二个是否没有PHP是可能的。 - Cole Tobin

Answer 1

你也可以创建一个包含你的操作的对象:

var Actions = {
    'Edit' : function () {},
    'Create' : function () {},
    'Delete' : function () {}
};

var action = $(form).data('action');

if (Actions.hasOwnProperty(action)) {
    Actions[action]();
}

- Jack

Answer 2

你描述的听起来像是一个switch/case语句，但我并不认为switch/case比多个if/else结构更好。我更喜欢使用对象哈希：

var actionObj = {
  "Edit": xx,
  "Create": xy,
  "Delete": xz
};

if (actionObj[act]) {
  // do whatever with actionObj[act] you need to
} else {
  // do your default action
}

当值实际上是函数时，它特别有效，然后您可以直接调用它们：

var actionObj = {
  "Edit": function () {},
  "Create": function () {},
  "Delete": function () {}
};

if (actionObj[act]) {
  actionObj[act]();
} else {
  // default action
}

- kinakuta

Answer 3

如果您想处理多个if else，请使用Switch语句。

switch(n)
{
case 1:
  execute code block 1
  break;
case 2:
  execute code block 2
  break;
default:
  code to be executed if n is different from case 1 and 2
}

- AurA

Answer 4

你应该缓存 $(form).data('action') 的结果；例如：

var action = $(form).data('action');

if (action === 'Edit') {
    //
} else if (action === 'Create') {
    //
} else if (action === 'Delete') {
    //
}

- Jack

Answer 5

使用 switch 块是最常规的方法。

您还可以从对象（哈希映射）中查找要执行的函数：

var actions = {
    Edit: function () {
        // xx
    },
    Create: function () {
        // xy
    },
    Delete: function () {
        // xz
    }
};

var action = actions[$(form).data("action")];

if (action) {
    action();
} else {
    // unknown/default action
}

- Ates Goral

Answer 6

使用 switch case：

var action = $(form).data('action')
switch(action)
{
case 'Edit': xx;
break;
case 'Create': yy;
break;
case 'Delete': zz;
break;
default: caption ="default";
}

或者你可以使用三元运算符（true ? 1 : 0）

- swati

Answer 7

var Actions = {
    'Edit' : function () {},
    'Create' : function () {},
    'Delete' : function () {},
    'default': function () {}
},

action = $(form).data('action');
Actions[action]() || Actions[default]();

- Yinghan

Answer 8

从这里尝试使用CASE： http://www.tutorialspoint.com/javascript/javascript_switch_case.htm

他们的示例：

<script type="text/javascript">
<!--
var grade='A';
document.write("Entering switch block<br />");
switch (grade)
{
   case 'A': document.write("Good job<br />");
            break;
   case 'B': document.write("Pretty good<br />");
            break;
   case 'C': document.write("Passed<br />");
            break;
   case 'D': document.write("Not so good<br />");
            break;
   case 'F': document.write("Failed<br />");
            break;
  default:  document.write("Unknown grade<br />")
}
document.write("Exiting switch block");
//-->
</script>

- ini

---

因为不是特别好的来源和示例而被踩。 - Ates Goral