2016-07-19 9 views
0

Wie setze ich Wert von input (das sich dynamisch ändert) in einem json Objekt, um zu konvertieren, d. H. K zu C? Oder wie soll ich eine solche Bekehrung schreiben, wenn meine Gedanken schlecht sind?Umwandlung Temperatur in JSON

Die Art, wie ich denke ich ist (dh K-C):

var quantities= [ 
 
    { 
 
      'name': 'Temperature', 
 
      'properties': [ 
 
       { 
 
        'name': 'Kelwin', 
 
        'symbol': 'K', 
 
        'units': { 
 
         'K': 1, 
 
         'C': 'inputValue + 273.15', 
 
         'F': '(inputValue + 459.67)*5/9' 
 
        } 
 
       }, 
 
       { 
 
        'name': 'Celsius', 
 
        'symbol': 'C', 
 
        'units': { 
 
         'K': 'inputValue - 273.15', 
 
         'C': 1, 
 
         'F': '(inputValue - 32)*5/9' 
 
        } 
 
       }, 
 
       { 
 
        'name': 'Fahrenheit', 
 
        'symbol': 'F', 
 
        'units': { 
 
         'K': 'inputValue * 9/5-459.67', 
 
         'C': 'inputValue * 9/5+32', 
 
         'F': 1 
 
        } 
 
       } 
 
      ] 
 
     } 
 
    ] 
 
    
 
    var optionsIndex = $('select.from option:selected').index(); 
 
    var from = $('select.from option:selected').val(); 
 
    var to = $('select.to option:selected').val(); 
 

 
    var fromSelectTypeValue = quantities[0].properties[optionsIndex].units[from]; 
 
    var toSelectTypeValue = quantities[0].properties[optionsIndex].units[to]; 
 

 
    var result = fromSelectTypeValue * toSelectTypeValue; 
 
    //fromSelectType = 1 (because K is choosen in first select element) 
 
    //toSelectTypeValue = 'inputValue + 273.15' (because C is choosen in second select element) 
 

 
    var $inputs = $('.inputValue, select.from, select.to'); 
 
     $inputs.on('keyup change', function() { 
 
      $('.result').val(result); 
 
     });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="number" class="inputValue" placeholder="Insert value" /> 
 
<br /> 
 
<select class="from"> 
 
    <option value="K">Kelvin</option> 
 
    <option value="C">Celsius</option> 
 
    <option value="F">Fahrenheit</option> 
 
</select> 
 

 
<select class="to"> 
 
    <option value="K">Kelvin</option> 
 
    <option value="C">Celsius</option> 
 
    <option value="F">Fahrenheit</option> 
 
</select> 
 
<br /> 
 

 
<input type="numer" class="result" placeholder="Result" readonly />

+0

ist nicht 'fromSelectType' immer 1? Übrigens, worum es letztendlich geht, ist das [Strategie-Muster] (https://en.wikipedia.org/wiki/Strategy_pattern) ... einfach sagen ... –

+0

übrigens, CodeReview könnte ein besserer Ort sein für diese Frage ... –

+1

Dies wäre nicht gut für Code Review geeignet, da das OP scheinbar um Hilfe bittet, etwas zu tun, anstatt nach Code zu fragen, der bereits wie vorgesehen funktioniert. – Phrancis

Antwort

2

Sie haben diese bekam völlig falsch herum - Sie Ihren Wert setzen nicht „dynamisch in Ihre JSON ", machen Sie Ihr Javascript-Konfigurationsobjekt in der Lage, mit dynamischen Werten umzugehen.

Zum Beispiel sollten Ihre Konversationen tatsächliche Funktionen sein, anstatt textuelle Darstellungen dieser Funktionen (die schwer sicher auszuführen sind).

var quantities= [ 
    { 
     'name': 'Temperature', 
     'properties': [ 
      { 
       'name': 'Kelwin', 
       'symbol': 'K', 
       'units': { 
        'K': function(input){ return input; }, 
        'C': function(input){ return input + 273.15; }, 
        'F': function(input){ return (input + 459.67)*5/9; } 
       } 
      }, 
     .... 

Dann vorausgesetzt, Sie wissen, wie Sie die richtige Funktion aus Ihrem Objekt zu ziehen, führen Sie nur die Funktion:

var kToC = quantities[0].properties[0].units.C; // assume you know how to look this up 
var c = kToC(123); // execute the function (convert 123 k to c) 
+0

Ah, wusste nicht, ich kann Funktion dort setzen x) Danke für die Erklärung. Bin dankbar. – nehel

+0

@nehel das ist der Grund, warum Leute gefragt haben, ob das wirklich ein JSON-Objekt oder einfach nur ein einfaches altes Javascript-Objekt ist. Es gibt keinen vernünftigen Weg, Funktionen in JSON zu übergeben, aber ein JavaScript-Objekt kann alles speichern. – Jamiec

Verwandte Themen