Looking to retrieve the "appid" from this JSON data, but facing the challenge of changing object titles. Need assistance with a javascript code to select the "appid" that corresponds to the first, second, or third object in the list. The current attempt is not yielding the desired result.
var sections = (call the json)
var index = [];
//setting the index array
for (var x in sections) {
index.push(x);
}
var imgid001 = (sections[index[1]].appid);
Learn how to use Object.values() in order to retrieve values associated with a specific key, and then utilize array#map to extract the appid value.
var json = {"578080":{"appid":578080,"name":"PLAYERUNKNOWN'S BATTLEGROUNDS","developer":"PUBG Corporation","publisher":"PUBG Corporation","score_rank":17,"positive":277104,"negative":173247,"userscore":60,"owners":22512885,"owners_variance":142499,"players_forever":22385548,"players_forever_variance":142115,"players_2weeks":16894492,"players_2weeks_variance":124193,"average_forever":8570,"average_2weeks":1771,"median_forever":5509,"median_2weeks":1266,"price":"2999"},"730":{"appid":730,"name":"Counter-Strike: Global Offensive","developer":"Valve","publisher":"Valve","score_rank":74,"positive":2094164,"negative":228950,"userscore":89,"owners":37137816,"owners_variance":180096,"players_forever":35672331,"players_forever_variance":176797,"players_2weeks":9605392,"players_2weeks_variance":94373,"average_forever":17518,"average_2weeks":714,"median_forever":4280,"median_2weeks":282,"price":"1499"},"570":{"appid":570,"name":"Dota 2","developer":"Valve","publisher":"Valve","score_rank":64,"positive":742208,"negative":101331,"userscore":87,"owners":117932840,"owners_variance":290445,"players_forever":117932840,"players_forever_variance":290445,"players_2weeks":9220909,"players_2weeks_variance":92502,"average_forever":11673,"average_2weeks":1144,"median_forever":258,"median_2weeks":640,"price":"0"}};
var result = Object.values(json).map(function(obj){
return obj.appid;
});
console.log(result);It seems like the issue you're experiencing pertains to the organization of the elements... Are you looking to have the top-ranked game appear at index 1?
When converting an object to JSON, the sequence of the properties holds no significance. JSON tools cannot guarantee the order either. Essentially, looping through an object using a for..in loop may yield different outcomes at different times.
Despite its lack of inherent order, there is still a method to determine the score_rank.
var categories = (retrieve the json data)
var sequence = [];
//establishing the sequence array
for (var y in categories) {
sequence[categories[y].score_rank] = y;
}
var imgid003 = (categories[sequence[1]].appid);
Utilizing the score_rank as the key in your sequence array will provide the desired outcome.
Objects do not guarantee order, so your plan may not work with this format.
To ensure order, you should format your JSON as an array.
var sections = {"578080":{"appid":578080,"name":"PLAYERUNKNOWN'S BATTLEGROUNDS","developer":"PUBG Corporation","publisher":"PUBG Corporation","score_rank":17,"positive":277104,"negative":173247,"userscore":60,"owners":22512885,"owners_variance":142499,"players_forever":22385548,"players_forever_variance":142115,"players_2weeks":16894492,"players_2weeks_variance":124193,"average_forever":8570,"average_2weeks":1771,"median_forever":5509,"median_2weeks":1266,"price":"2999"},
"730":{"appid":730,"name":"Counter-Strike: Global Offensive","developer":"Valve","publisher":"Valve","score_rank":74,"positive":2094164,"negative":228950,"userscore":89,"owners":37137816,"owners_variance":180096,"players_forever":35672331,"players_forever_variance":176797,"players_2weeks":9605392,"players_2weeks_variance":94373,"average_forever":17518,"average_2weeks":714,"median_forever":4280,"median_2weeks":282,"price":"1499"},
"570":{"appid":570,"name":"Dota 2","developer":"Valve","publisher":"Valve","score_rank":64,"positive":742208,"negative":101331,"userscore":87,"owners":117932840,"owners_variance":290445,"players_forever":117932840,"players_forever_variance":290445,"players_2weeks":9220909,"players_2weeks_variance":92502,"average_forever":11673,"average_2weeks":1144,"median_forever":258,"median_2weeks":640,"price":"0"},
"440":{"appid":440,"name":"Team Fortress 2","developer":"Valve","publisher":"Valve","score_rank":85,"positive":456688,"negative":29364,"userscore":93,"owners":43830288,"owners_variance":194180,"players_forever":43830288,"players_forever_variance":194180,"players_2weeks":1690982,"players_2weeks_variance":39926,"average_forever":4490,"average_2weeks":655,"median_forever":226,"median_2weeks":381,"price":"0"},
"271590":{"appid":271590,"name":"Grand Theft Auto V","developer":"Rockstar North","publisher":"Rockstar Games","score_rank":24,"positive":234736,"negative":112774,"userscore":67,"owners":8775849,"owners_variance":90285,"players_forever":8583731,"players_forever_variance":89309,"players_2weeks":1667493,"players_2weeks_variance":39648,"average_forever":7619,"average_2weeks":491,"median_forever":4032,"median_2weeks":160,"price":"5999"}};
var sectionsArray= [{"appid":578080,"name":"PLAYERUNKNOWN'S BATTLEGROUNDS","developer":"PUBG Corporation","publisher":"PUBG Corporation","score_rank":17,"positive":277104,"negative":173247,"userscore":60,"owners":22512885,"owners_variance":142499,"players_forever":22385548,"players_forever_variance":142115,"players_2weeks":16894492,"players_2weeks_variance":124193,"average_forever":8570,"average_2weeks":1771,"median_forever":5509,"median_2weeks":1266,"price":"2999"},
{"appid":730,"name":"Counter-Strike: Global Offensive","developer":"Valve","publisher":"Valve","score_rank":74,"positive":2094164,"negative":228950,"userscore":89,"owners":37137816,"owners_variance":180096,"players_forever":35672331,"players_forever_variance":176797,"players_2weeks":9605392,"players_2weeks_variance":94373,"average_forever":17518,"average_2weeks":714,"median_forever":4280,"median_2weeks":282,"price":"1499"},
{"appid":570,"name":"Dota 2","developer":"Valve","publisher":"Valve","score_rank":64,"positive":742208,"negative":101331,"userscore":87,"owners":117932840,"owners_variance":290445,"players_forever":117932840,"players_forever_variance":290445,"players_2weeks":9220909,"players_2weeks_variance":92502,"average_forever":11673,"average_2weeks":1144,"median_forever":258,"median_2weeks":640,"price":"0"},
{"appid":440,"name":"Team Fortress 2","developer":"Valve","publisher":"Valve","score_rank":85,"positive":456688,"negative":29364,"userscore":93,"owners":43830288,"owners_variance":194180,"players_forever":43830288,"players_forever_variance":194180,"players_2weeks":1690982,"players_2weeks_variance":39926,"average_forever":4490,"average_2weeks":655,"median_forever":226,"median_2weeks":381,"price":"0"},
{"appid":271590,"name":"Grand Theft Auto V","developer":"Rockstar North","publisher":"Rockstar Games","score_rank":24,"positive":234736,"negative":112774,"userscore":67,"owners":8775849,"owners_variance":90285,"players_forever":8583731,"players_forever_variance":89309,"players_2weeks":1667493,"players_2weeks_variance":39648,"average_forever":7619,"average_2weeks":491,"median_forever":4032,"median_2weeks":160,"price":"5999"}];
for (var x in sections) {
console.info("The first elements appid in the json won't be this:", x);
break;
}
console.info("Object keys/order", Object.keys(sections));
console.info("First element in array", sectionsArray[0].appid);Consider this approach:
let info = {"100":{appid:1, name:'1'}, "200":{appid:2, name:'2'}, "300":{appid:3, name:'3'}};
let appIds = [];
for (let prop in info){
appIds.push(info[prop].appid);
}
console.log(appIds);Given the structure of your data, where property names are numbers and values are objects, we can simply iterate through all properties and access the appid property using obj[propertyname] syntax.
I hope this solution aligns with your requirements.
I'm not sure what you're searching for exactly, but here is a possible solution:
var sections = (all the JSON data stored locally)
var index = [];
//initialize the index array
for (var x = 0 ; x < sections.length; x ++){
index.push(x)
}
var imgid001 = (sections[index[90]].appid);
When iterating through an object's properties, the order of the properties may not follow a predictable pattern. It seems to be based on the numeric value of the main property string, so it's unreliable to rely on the order.
However, if sorting the result by a specific property is necessary for your goal, you can achieve this by selecting a property to use for sorting. In this example, the result is sorted by the "score_rank" property:
var sections = {
"2":{"appid":"appidN1-scorerank5","name":"PLAYERUNKNOWN'S BATTLEGROUNDS","developer":"PUBG Corporation","publisher":"PUBG Corporation","score_rank":5,"positive":277104,"negative":173247,"userscore":60,"owners":22512885,"owners_variance":142499,"players_forever":22385548,"players_forever_variance":142115,"players_2weeks":16894492,"players_2weeks_variance":124193,"average_forever":8570,"average_2weeks":1771,"median_forever":5509,"median_2weeks":1266,"price":"2999"},
"3":{"appid":"appidN2-scorerank2","name":"Counter-Strike: Global Offensive","developer":"Valve","publisher":"Valve","score_rank":2,"positive":2094164,"negative":228950,"userscore":89,"owners":37137816,"owners_variance":180096,"players_forever":35672331,"players_forever_variance":176797,"players_2weeks":9605392,"players_2weeks_variance":94373,"average_forever":17518,"average_2weeks":714,"median_forever":4280,"median_2weeks":282,"price":"1499"},
"4":{"appid":"appidN3-scorerank3","name":"Dota 2","developer":"Valve","publisher":"Valve","score_rank":3,"positive":742208,"negative":101331,"userscore":87,"owners":117932840,"owners_variance":290445,"players_forever":117932840,"players_forever_variance":290445,"players_2weeks":9220909,"players_2weeks_variance":92502,"average_forever":11673,"average_2weeks":1144,"median_forever":258,"median_2weeks":640,"price":"0"},
"1":{"appid":"appidN4-scorerank4","name":"PLAYERUNKNOWN'S BATTLEGROUNDS","developer":"PUBG Corporation","publisher":"PUBG Corporation","score_rank":4,"positive":277104,"negative":173247,"userscore":60,"owners":22512885,"owners_variance":142499,"players_forever":22385548,"players_forever_variance":142115,"players_2weeks":16894492,"players_2weeks_variance":124193,"average_forever":8570,"average_2weeks":1771,"median_forever":5509,"median_2weeks":1266,"price":"2999"},
"6":{"appid":"appidN5-scorerank1","name":"Counter-Strike: Global Offensive","developer":"Valve","publisher":"Valve","score_rank":1,"positive":2094164,"negative":228950,"userscore":89,"owners":37137816,"owners_variance":180096,"players_forever":35672331,"players_forever_variance":176797,"players_2weeks":9605392,"players_2weeks_variance":94373,"average_forever":17518,"average_2weeks":714,"median_forever":4280,"median_2weeks":282,"price":"1499"},
"5":{"appid":"appidN6-scorerank0","name":"Dota 2","developer":"Valve","publisher":"Valve","score_rank":0,"positive":742208,"negative":101331,"userscore":87,"owners":117932840,"owners_variance":290445,"players_forever":117932840,"players_forever_variance":290445,"players_2weeks":9220909,"players_2weeks_variance":92502,"average_forever":11673,"average_2weeks":1144,"median_forever":258,"median_2weeks":640,"price":"0"}
}
var result = Object.values(sections)
.sort(function(a, b) {
return a.score_rank - b.score_rank;
})
.map(function(obj){
return obj.appid;
});
console.log(result);const categories = {sports:5, food:10, travel:8};
const keys = [];
//creating an array of keys
for (const key in categories) {
keys.push(key);
}
alert(keys[1]) // 'food'
alert(categories[keys[1]]); // 10
// const categories = {sports:5, food:{calories:500}, travel:8};
// alert(categories[keys[1]]); // result may vary in different browsers
// alert(categories[keys[1]].toSource()); // result may vary in different browsers
// alert(categories[keys[1]].calories); // 500I am currently working on a Mean.js project and in the process of familiarizing myself with this environment. To conduct some experiments, I created a parallel project for testing purposes in a separate folder where I am not using the Mean.js framework but ...
I am facing an issue with data management, where multiple titles are being rendered in my table when trying to display data from the Pokemon API. I attempted to move only the data to a separate component but was unsuccessful. Any suggestions on how to res ...
Angular is linked to node.js, which interacts with mongodb to fetch data successfully. However, I am now faced with the challenge of mapping variables in my typescript component to the backend node.js. When viewing the data structure in the browser consol ...
At the moment, I am immersed in a project that relies on utilizing oracle for its backend. Following the instructions provided in this link, I successfully installed node-oracledb on my Mac using npm. The contents of my file are as follows: var oracledb = ...
Below is the template of a parent component: <ng-container *ngFor="let set of timeSet; index as i"> <time-shift-input *ngIf="enabled" [ngClass]="{ 'mini-times' : miniTimes, 'field field-last&ap ...
I have set up a connection to a mongoDB collection using graphQL. Here is the data from the DB: { "_id" : ObjectId("59ee1be762494b1df1dfe30c"), "itemId" : 1, "item" : "texture", "__v" : 0 } { "_id" : ObjectId("59ee1bee62494b1df1dfe30d" ...
I've been working on integrating spell check functionality using the Bing Spell Check API, but I've run into a 401 error. The specific error message is: The requested resource does not have an 'Access-Control-Allow-Origin' header. This ...
Check out my attempt at solving this challenge on jsfiddle: http://jsfiddle.net/oca3L32h/ In the scenario, there are 3 divs within a main div. Each of these divs contains an image and they overlap each other. By using radio buttons, the visibility of the ...
For example, check out this JSFiddle link. The interesting part occurs during the mousedown event: var hits = raycaster.intersectObjects( [object1, object2, object3] ); if ( hits.length > 0 ) { console.log(hits[ 0 ].object) hits[ 0 ].object.m ...
I am trying to implement page navigation using the Bootstrap List-group class in HTML. However, I am facing an issue where the nested links 'Link 1' and 'Link 2' freeze after the first click. The desired functionality is as follows: ...
I initialized a fresh react project using "npx create-react-app name". After removing unnecessary files, the application no longer displays anything. I've encountered issues with react-router and defining routes as well. index.html: <!DOCTYPE html ...
I am trying to determine the height of a specific div using Javascript. Here is the script I have written: function getMainDivHeight() { var num = document.getElementById('up_container').style.height; return num; } However, this script ...
Currently, I am developing a chat application using SignalR 2.0, like many others in the same field. In my Win8.1 application, when the user closes the application, the hub receives the OnDisconnected event and removes the user from the list on the hub. A ...
Is there a way to initiate an action from a main component when the child component's state reaches a specific value? Let's consider a scenario where I have a Parent component and a Child component, with the parent's state containing active ...
I'm attempting to implement Mongoose's method for defining models in a separate document from their schemas, especially when dealing with multiple databases. Here's the example provided by Mongoose's Docs for User.js: const userSche ...
My question is fairly straightforward. I have this Ajax function: function fillProductLine(obj) { $.ajax({type: "POST", url: '/orderOnline/index.php/Orders/searchProductLine', async: false, data: { cd_cpl ...
I encountered an issue while attempting to download a .zip file from Discord and extracting it using the decompress package. Despite not returning any errors, the package did not get extracted as expected. (The file was saved and downloaded correctly) co ...
I recently encountered an issue while using ember-browserify to locate npm modules in my ember-cli applications - it seems to not function properly for ember-cli addons. This leads me to wonder: Are there alternative methods for importing npm modules into ...
Within this div, I have implemented touch-action:pan-y;. Surrounding this div is an anchor tag. If you click on the div, the link will successfully redirect. However, if you swipe on the div and then click, the link won't work on the first attempt bu ...
Currently, I am utilizing Aurora 17 along with Chrome 22 and Firefox 16 in order to develop a basic chat application. My server-side technology is Node 0.8.9. The issue I am experiencing pertains specifically to Firefox, as it fails to establish a connect ...