javascript 中的 eval() 函数

介绍:eval() 函数可能不太常用,但是十分强大,它可以将字符串当成有效的表达式来求值并返回计算结果

如果参数是一个表达式,eval() 函数将执行表达式

如果参数是Javascript语句,eval()将执行 Javascript 语句

注意:如果执行结果是一个值就返回,不是就返回undefined,如果参数不是一个字符串,则直接返回该参数

代码示例:

// 定义字符串变量
let res1 =''
let res2 = ''
let num1 = '10'
let num2 = '6'
let compute = '(10+6)*6'
res1 = eval(num1*num2) // 60
res2 = eval(compute) // 96

 项目实战:近期开发遇到的问题记录一下

// 场景再现:后端返回数组中某个字段为以逗号分割的字符串(列举三条为例,实际开发中公式不固定)
// 以第一条数据为例:data:'10,你好,20,hello,6,hi,(B-A)*3-C,'
// A的值为10,B的值为20,C的值为6,要求以(B-A)*3-C为公式进行计算,将计算结果放到最后一项并进行列表渲染
const res = [
    {id:1,data:'10,实验品1,20,实验类型1,6,hi,(B-A)*3-C,'},
    {id:2,data:'6,实验品2,9,实验类型2,2,hi,A*3-C,'},
    {id:3,data:'3,实验品3,21,实验类型3,6,hi,B/A,'}
]
let arr = [];
// 思路: 首先将对应的值替换到公式中,在通过eval进行计算
let calculateList = res.map(item => {
  arr[7] = arr[6].replace('A', arr[0]).replace('B', arr[2]).replace('C', arr[4]);
  arr[7] = eval(arr[7]);
  return arr
})
console.log(calculateList)

 最终结果:

bc105c4dc7e34eaca8e0915ee5463eda.png

猜你喜欢

转载自blog.csdn.net/Story_0809/article/details/128515590