如何在javascript中添加空格？

Question

我有下面的代碼：

var viewModel = kendo.observable({ SampleData: @Html.Raw(Json.Encode(Model))}); 
    var genRange = "  "; 
    var genStan; 

    $.each(viewModel.SampleData, function(idx, obj){ 
     $.each(obj, function(key, value) { 
      if(key.toString() === "GenabRange") { genRange = value; } 
      if(key.toString() === "GenabStanine") { genStan = value; } 
     }); 

     var obj = { 
      GenReasoning: genRange + "  " + genStan 
     }; 

     stud.push(obj); 

    }); 

我已經添加了空格 「GenReasoning：genRange +」 「+ genStan」 不起作用。問題是什麼？

任何人都可以幫助我嗎？

實施例的結果：

GenabRange = Cat 
    GenabStanine = Foo 

    Output 
     GenReasoning = Cat Foo 

    Expected Output 
     GenReasoning = Cat  Foo 

由於

Answer 1

使用此代碼：

var genRange = "       "; 

和此代碼：

var obj = { 
    GenReasoning:genRange+"        "+genStan 
}; 

注：

  means 'non-breakable space', 
browsers will render this as exactly 1 space 
instead of combining them