爲什麼在數組之前顯示undefined？

Question

我正在使用角js來閱讀json。

但是如果我使用「+ =」，它會顯示爲undefined。

var text = '{ "employees" : [' + 
'{ "firstName":"John" , "lastName":"Doe" },' + 
'{ "firstName":"Anna" , "lastName":"Smith" },' + 
'{ "firstName":"Peter" , "lastName":"Jones" } ]}'; 

var ojt= JSON.parse(text); 

var moduleA = angular.module("ModuleA", []); 
moduleA.controller("MsgController", function ($scope) { 
    'use strict'; 
    for(var i=0; i<3; i++) { 
    $scope.Message += ojt.employees[i].firstName; 
    } 
    }); 

的結果是這樣的：

undefinedJohnAnnaPeter 

有什麼不對？

Answer 1

Message是不確定的，然後你+=一些字符串到它，因此導致您的問題。事先將$scope.Message分配給一個空字符串以擺脫錯誤。

$scope.Message = "" 
for(var i=0; i<3; i++) { 
    $scope.Message += ojt.employees[i].firstName; 
} 

編輯：如果您想每個名稱後添加新行添加\n在名稱之間。

$scope.Message = "" 
for(var i=0; i<3; i++) { 
    $scope.Message += ojt.employees[i].firstName + "\n"; 
} 

Answer 2

我的猜測是，變量$ scope.Message未定義

試試這個：

var text = '{ "employees" : [' + 
    '{ "firstName":"John" , "lastName":"Doe" },' + 
    '{ "firstName":"Anna" , "lastName":"Smith" },' + 
    '{ "firstName":"Peter" , "lastName":"Jones" } ]}'; 

    var ojt= JSON.parse(text); 

    var moduleA = angular.module("ModuleA", []); 
    moduleA.controller("MsgController", function ($scope) { 
     'use strict'; 

     $scope.Message =''; 
     for(var i=0; i<3; i++) { 
     $scope.Message += ojt.employees[i].firstName; 
     } 
     }); 

Answer 3

所以在第一次循環您正在使用的+=操作上undefined財產你還沒有初始化$scope.Message。只是在循環之前將它初始化爲空字符串：

$scope.Message = ''; 
    for(var i=0; i<3; i++) { 
     $scope.Message += ojt.employees[i].firstName; 
    } 

Answer 4

你在那裏做的是創建一個新的字符串。除了使用該

var text = '{ "employees" : [' + 
    '{ "firstName":"John" , "lastName":"Doe" },' + 
    '{ "firstName":"Anna" , "lastName":"Smith" },' + 
    '{ "firstName":"Peter" , "lastName":"Jones" } ]}'; 

，你應該使用這個

var text = { 
    "employees": [{ 
    "firstName": "John", 
    "lastName": "Doe" 
    }, { 
    "firstName": "Anna", 
    "lastName": "Smith" 
    }, { 
    "firstName": "Peter", 
    "lastName": "Jones" 
    }] 
}; 

這將創建一個JSON中，你可以通過點符號（object.key）訪問對象屬性。

編輯：哦哇，我完全沒有看到你正在解析你的字符串到一個JSON對象。對不起。在這種情況下，我的答案並不是解決您的問題的正確答案。