Последовательная арифметическая операция в javascript

Question

У меня есть текстовый ввод, и пользователь напишет строку, например 10+20-10-2*2+4/2, и я хочу выполнить арифметическую операцию последовательно, что означает, что я хочу (10+20)-(10)-(2)*(2)+(4)/(2), и результат должен быть 20 в соответствии с приведенным выше примером.

Другими словами, я хочу выполнить арифметическую операцию слева, последовательно. Может ли кто-нибудь помочь мне в этом, или, может быть, какая-то идея тоже будет приятной. Благодарю.

Пожалуйста, спросите меня, если потребуется дополнительная информация.

$('#calculation').on('blur', function(e){ 
    e.preventDefault(); 
    var pattern=/^[-*/+0-9]+$/; 
    value=$(this).val(); 
    if(value.match(pattern)) 
    { 

     $(this).closest('tr').find('span.error').html(''); 
     //$('#total').val(eval(value)); 
     // No idea what to do 

    } 
    else 
    { 
     $(this).closest('tr').find('span.error').html('Invalid character'); 
    } 
}); 

Answer 1

Try this:

var str = '10+20-10-2*2+4/2'; 
var numbers = str.replace(/ /g, '').split(/[-+*\/]/g); 
var operators = str.replace(/ /g, '').split(/\d*/g); 
operators.shift(); 

var result = +numbers[0]; 

for (var i = 0; i < operators.length - 1; i++) { 
    result = eval(result + operators[i] + numbers[i + 1]); 
} 

alert(result)​; 

DEMO

Answer 2

Как насчет использования Eval для вычисления значения.

$('#calculation').on('blur', function(e){ 
    e.preventDefault(); 
    var pattern=/^[-*/+0-9]+$/; 
    value=$(this).val(); 
    if(value.match(pattern)) 
    { 

     $(this).closest('tr').find('span.error').html(''); 
     //$('#total').val(eval(value)); 
     alert(eval(value)); 
     $('span.result').html(eval(value)); 

    } 
    else 
    { 
     $(this).closest('tr').find('span.error').html('Invalid character'); 
    } 
});​ 

См демо http://jsfiddle.net/gineshkumar/gRc9r/