如何在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