完全な配列を表示するには？

私はこれを得ていますエラー： [オブジェクトオブジェクト]、[オブジェクトオブジェクト]、[オブジェクトオブジェクト]です。 ジョン・ドウ、アンナ・スミス、ピーター・ジョーンズ完全な配列を表示するには？

<!DOCTYPE html> 
 
<html> 
 
<body> 
 

 
<h2>Create Object from JSON String</h2> 
 

 
<p id="demo"></p> 
 

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

 
obj = JSON.parse(text); 
 
document.getElementById("demo").innerHTML = 
 
obj.employees; 
 
</script> 
 

 
</body> 
 
</html>

出典

2016-08-29 Rehaan Kkhaan

以下のように$ .getJSONを使用して、それをロードすることができますエラーではなく、オブジェクトの配列 –

ioopを使用してそのobj内の名と姓を取得する必要があります – Anami

あなたはArray#mapを使用して、新しい配列を作成し、後でそれに参加coud：

は、私はこのような完全な配列を表示したいです。あなたは、あなたがそれをしたいどのようにそれを得るために、いくつかのより多くのコーディングを行う必要があります - - その後、アレイ＃はに参加し、アレイ＃マップを使用することを検討して、あなたの配列はオブジェクトの配列がされ

var text = '{"employees":[' + 
 
     '{"firstName":"John","lastName":"Doe" },' + 
 
     '{"firstName":"Anna","lastName":"Smith" },' + 
 
     '{"firstName":"Peter","lastName":"Jones" }]}', 
 
    obj = JSON.parse(text); 
 

 
document.getElementById("demo").innerHTML = obj.employees.map(function (a) { 
 
    return a. firstName + ' ' + a.lastName; 
 
}).join(', ');

<h2>Create Object from JSON String</h2> 
 
<p id="demo"></p>

出典

2016-08-29 08:47:32

あなたは

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

obj = JSON.parse(text); 
document.getElementById("demo").innerHTML = obj.employees.map(function(emp) { 
    return emp.firstName + ' ' + emp.lastName; 
}).join(', ');

for ES2015 completeness

document.getElementById("demo").innerHTML = obj.employees.map(emp => emp.firstName + ' ' + emp.lastName).join(', ');

出典

2016-08-29 08:47:39

たいとあなたはあなたができるすべての名前を印刷したい場合は、出力をフォーマットしますこの、好きあなたが外部ファイルからJSONをロードしたい場合は、あなたのシステム上でいくつかの他にどこにJSONファイルを維持する必要があり、あなたが

var text = '{"employees":[' + 
 
'{"firstName":"John","lastName":"Doe" },' + 
 
'{"firstName":"Anna","lastName":"Smith" },' + 
 
'{"firstName":"Peter","lastName":"Jones" }]}'; //// keep this in an external file 
 

 
$.getJSON('/path', function(data) { 
 

 
    obj = JSON.parse(data); 
 
    for (var i = 0; i < obj.employees.length; i++) 
 
    { 
 
     document.getElementById("demo").innerHTML += obj.employees[i].firstName + " " + obj.employees[i].lastName + ","; 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<!DOCTYPE html> 
 
<html> 
 
<body> 
 

 
<h2>Create Object from JSON String</h2> 
 

 
<p id="demo"></p>

出典

2016-08-29 08:51:16

外部のファイルからこれを行うことができますか？ –

外部ファイルの意味??? –

配列「従業員」を外部のjsonファイルから読み込む?? –

完全な配列を表示するには？

答えて

関連する問題