其他分享
首页 > 其他分享> > js中多条件对应相同返回值的优化写法

js中多条件对应相同返回值的优化写法

作者:互联网

需求描述

设计一种通用的、处理多条件具有相同行为的分支结构,示例场景:根据月份返回季节,1-3月返回春天,...

分析

最终决定,基于方法3的对象语法做改进:

  1. 维护条件和行为使用对象数组的形式:具体行为可以使用标志符代替,方便后续直接根据标志符调用相应的行为方法

{
  行为标识符1: [条件a1,条件a2, ... ],
  行为标识符2: [条件b1,条件b2, ... ],
}

  1. 定义一个通用的转换方法,将1中的对象转换成一对一映射结构的Object对象(或者映射等类型的对象)
  2. 基于2返回的Object对象(或其他类型的对象),使用三目运算符返回相应的行为标识符或默认值

实现

以“月份——季节”举例:

// 转换方法
function transOptions(options) {
  let newOptions = {};
  for (const action in options) {
    options[action].forEach(condition => (newOptions[condition] = action));
  }
  return newOptions;
}
// 判断方法
function getSeason(month) {
  const options = {
    spring: [1,2,3],
    summer: [4,5,6],
    autumn: [7,8,9],
    winter: [10,11,12],
  }
  let newOptions = transOptions(options);
  return newOptions[month] ? newOptions[month] : handleUnexpectedMonth(month); // 意外的月份值可以调用其他方法处理
}

改进

这里的 options 可以使用 Map 类型,使得键的类型更加广泛,如数字、对象等,对于非字符串类型的条件和多元条件判定更为实用:

// 转换方法
function transOptionsMap(options) {
  let newOptions = new Map();
  for (const [action, conditions] of [...options.entries()]) {
    conditions.forEach(condition => newOptions.set(condition, action));
  }
  return newOptions;
}
// 判断方法
function getSeason(month) {
  const options = new Map([ // 1,2,3,4表示第N个季度
    [1, [1,2,3]],
    [2, [4,5,6]],
    [3, [7,8,9]],
    [4, [10,11,12]],
  ]);
  let newOptions = transOptionsMap(options);
  return options.get(month) ? options.get(month) : handleUnexpectedMonth(month); // 意外的月份值可以调用其他方法处理
}

标签:...,对象,month,action,返回值,newOptions,js,options,中多
来源: https://www.cnblogs.com/cjc917/p/16175746.html