javascript - 计算公式执行？

Question

有一个选择题，类型这样？

喜欢吃什么？ 下拉选择控件

A: 苹果 下拉选择控件
B: 香蕉 下拉选择控件
C: 葡萄 下拉选择控件
D: 橘子 下拉选择控件

对应json数据如下：

const express = [      {        title: '喜欢吃什么？',        exp: 'a== 1 || b == 1',        value: '',        id: 1      },      {        title: 'A:苹果',        exp: 'b == 1',        value: '',        id: 2      },      {        title: 'B: 香蕉',        exp: '',        value: '',        id: 3      },      {        title: 'C: 葡萄',        exp: 'a == 1',        value: '',        id: 4      },      {        title: 'D: 橘子',        exp: '',        value: '',        id: 5      },    ];

逻辑： 当exp有值时下拉选择控件不可选择，否则可以选择，当B选择是时，A选项满足b==1,此时A要自动勾选是，C满足a==1,也要自动勾选是， 标题也满足也要自动勾选是。

这个表达式是可以自定义，基本就是这样

下拉控件绑定数据源：

[ { value: 0, label: '否' }, { value: 1, label: '是' } ]

希望下拉选择的时候传入数据为：

value是下拉选项的值，此时B选项选择是

[    { exp: 'a== 1 || b == 1', value: '', id: 1 },    { exp: 'b == 1', value: '', id: 2 },    { exp: '', value: 1, id: 3 },    { exp: 'a == 1', value: '', id: 4 },    { exp: '', value: '', id: 5 },]

输入结果为:

[    {value: 1,  id: 1 },    {value: 1,  id: 2 },    {value: 1,  id: 3 },    {value: 1,  id: 4 },    {value: 0,  id: 5 },]

来一个js函数？

Answer 1

使用while循环计算，走到catch里说明当前选项暂时不满足计算条件，先进行下面的计算，再回来计算，noCalc长度为0，说明都已经计算了，加了个count防止爆栈，可根据选项长度动态调整下，count超出阈值，计算结果应该不作数，给予友好提示

let obj = {}, keys = '_abcdefghi', noCalc = arr, count = 0;while (noCalc.length && count < 10) {    count++    noCalc = arr.filter((item,index) => {        if(!item.exp || item.value){            obj[keys[index]] = item.value = Number(!!item.value)        }else{            try{                with(obj){                    obj[keys[index]] = item.value = Number(!!eval(item.exp))                }            }catch(err){                return true            }        }    })}return arr

Answer 2

function processUserInput(dropdownSelectionObj) {    if((!dropdownSelectionObj) || dropdownSelectionObj.length != 5) {        throw new Error("传入的用户下拉选项对象不合法");    }    var a = dropdownSelectionObj[1] ? 1 : 0;    var b = dropdownSelectionObj[2] ? 1 : 0;    var c = dropdownSelectionObj[3] ? 1 : 0;    var d = dropdownSelectionObj[4] ? 1 : 0;    var rtnObj = dropdownSelectionObj.map(function(item) {        var val = 0;        if(item.value) {            val = 1;        } else if(item.exp) {            val = eval(item.exp) ? 1:0;        }        return {            value: val,            id: item.id        }    })    return rtnObj;}

Answer 3

您希望实现的功能是，当一个选项被选中时，根据预设的逻辑表达式，自动更新其他选项的状态。为了实现这个功能，我们需要编写一个JavaScript函数，该函数会根据当前选项的状态和预设的逻辑表达式来更新其他选项的值。

以下是一个可能的实现：

function updateOptions(options, selectedOption) {  // 遍历选项数组  options.forEach(option => {    // 如果当前选项的表达式为空，或者其表达式为真，则设置为可选项    if (!option.exp || eval(option.exp.replace(/a/g, selectedOption.value === '1' ? 'true' : 'false').replace(/b/g, selectedOption.id === option.id ? 'true' : 'false'))) {      option.value = '';    } else {      // 否则，设置为不可选项，并根据逻辑表达式计算其值      option.value = eval(option.exp.replace(/a/g, 'true').replace(/b/g, 'false')) ? '1' : '0';    }  });    return options;}// 示例使用const express = [  { title: '喜欢吃什么？', exp: 'a== 1 || b == 1', value: '', id: 1 },  { title: 'A:苹果', exp: 'b == 1', value: '', id: 2 },  { title: 'B: 香蕉', exp: '', value: '', id: 3 },  { title: 'C: 葡萄', exp: 'a == 1', value: '', id: 4 },  { title: 'D: 橘子', exp: '', value: '', id: 5 },];const selectedOption = { value: '1', id: 3 }; // 假设B选项被选中const updatedOptions = updateOptions(express, selectedOption);console.log(updatedOptions);

这个函数接受两个参数：options（选项数组）和selectedOption（被选中的选项）。它遍历选项数组，并根据每个选项的表达式和选中选项的值来更新其值。如果选项的表达式为空或为真，则该选项设置为可选项（value 为空字符串）。否则，该选项设置为不可选项，并根据逻辑表达式计算其值。最后，函数返回更新后的选项数组。

请注意，这个实现使用了 eval 函数来动态计算逻辑表达式的值。虽然这在某些情况下是可行的，但使用 eval 通常是不安全的，因为它允许执行任意的JavaScript代码。在实际应用中，您可能需要寻找更安全的替代方案，例如使用已解析的抽象语法树（AST）来评估表达式。