JSFiddle - React, Tailwind, and code Playground

by Arshdeep Singh

HTML

<script
			  src="https://code.jquery.com/jquery-3.1.1.min.js"
			  integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
			  crossorigin="anonymous"></script>
        <div id="demo">
        
        </div>

JavaScript

var obj = 
{
	"friendslist": {
		"friends": [
			{
				"steamid": "76561197965254644",
				"relationship": "friend",
				"friend_since": 1427418915
			},
			{
				"steamid": "76561197967483523",
				"relationship": "friend",
				"friend_since": 1483547216
			},
			{
				"steamid": "76561197967658405",
				"relationship": "friend",
				"friend_since": 1431204923
			}
      ]
	}
}
var data = obj.friendslist.friends;
console.log(data.length);
var maindata = $.parseJSON(data);
$.each(data,function(){
	$("#demo").append(maindata.steamid);
});