Hey there, I'm looking to access a specific object in my JSON data by using an index. Can anyone guide me on how to do this? Here's a snippet of my JSON data:
[{
"rec": ["act1","act2","act3"],
"rec2": ["act11","act23","act4"]
}]
I'm aiming to retrieve the "rec2" object by passing the index 1. Any assistance would be greatly appreciated.
try using the Object.keys method
var data = [{
"key1": ["value1","value2","value3"],
"key2": ["value4","value5","value6"]
}];
data[0][Object.keys(data[0])[1]]
check out this example
If you want to retrieve a specific named index, you can experiment with the Object.keys() method in JavaScript:
var data = [{
"first": ["item1","item2","item3"],
"second": ["item4","item5","item6"]
}];
var result = data[0][Object.keys(data[0])[1]];
console.log(result); // Output: ["item4", "item5", "item6"]
Here is a method to reach your goal.
let data = [{
"category": ["category1","category2","category3"],
"sub_category": ["subcat1","subcat2","subcat3"]
}]
let position = 2;
let categories = Object.keys(data[0]);
console.log(data[0][categories[position]]);
While not the most elegant solution, and not particularly efficient for accessing items with a large index,
the use of the Object.keys() method mentioned earlier is a better approach,
I have included this code snippet to demonstrate an alternative method.
var data = eval("[{\"rec\": [\"act1\",\"act2\",\"act3\"], \"rec2\": [\"act11\",\"act23\",\"act4\"]}]");
var index = 2;
var secondItem = null;
for (var key in data[0]) {
if (--index === 0) {
secondItem = key;
break;
}
}
alert(secondItem);
I am having trouble displaying JSON data from an online source in my app. Although the data is being retrieved successfully, it does not appear on the activity where it should be displayed. I suspect there might be an issue with how I am populating the lis ...
Greetings! I am brand new to using AngularJS and currently exploring the implementation of typeahead functionality. I decided to utilize an existing library by including the following script: <script src="lib/xyz/typeahead.bundle.js"></script> ...
While attempting to style two graphs as floating cards, I am encountering difficulties in controlling the sizing and centering of the graphs. Specifically, I am having trouble with the pie chart in this example. To address this issue, I am passing paramete ...
I'm considering building a website using Nuxt.js because I've heard it's both cool and user-friendly. While I do have some knowledge of vue.js, I'm stuck on a particular issue: How can I remove the padding from the body? I understand ...
I have a goal of extracting JSON data from an API call and converting it into a CSV file. I am currently using sample code provided for the Yelp API at . Although I have managed to write the data into a CSV file, the formatting isn't ideal. I suspect ...
I am facing an issue while trying to deploy my application on Heroku. Despite going through the troubleshooting and deployment procedures multiple times, I am unable to find a solution. I have been attempting to resolve this for the past 3 days. I have mad ...
Is there a way to filter my user array based on the "username" variable in JavaScript? On the server side: var users = data.filter(u => u.id.startsWith('user_')).map(u => u.value); // [{"username": "arin2115", "som ...
An update has been made to this post, please refer to the first answer After thorough research, I couldn't find a solution to my issue despite checking several threads. This is my first time using the Quasar framework and it seems like I might have o ...
Hey everyone, I've been working on an ajax site and I'm having trouble getting the content to reload when the back button is clicked. I'm using Dynamic Drives ajax content script along with a script that changes the URL onclick and a popstat ...
My goal is to retrieve and print at least one key value from the JSON that is returned. I'm following this basic tutorial for guidance. response=None booking_source = 'sourceBusinessName' api_request ='http://api.com' r = requ ...
HTML: <p class="greeting"> hello, my name is kevin. what's yours? </p> jQuery: $("p.greeting").filter(function (){ return $this.text() === "my name is"; }).css("background", "green"); I am attempting to find and highlight the phra ...
Illustration: Main component: <div> Greetings <slot/>! </div> Subordinate Component: <div> Planet </div> Application component: <Main> <Subordinate/> </Main> Result: Greetings Planet! ...
I stumbled upon these two syntax methods for exporting functions. Let's say we have files named actions.js and app.js. The first method looks like this: in actions.js export function addTodo() {} export function deleteTodo() {} and in app.js I have ...
Is there a way to grant users access to record videos within an application and then upload them after previewing? I've been able to successfully record and download a video, but now I'm unsure of how to proceed with uploading it to the server. ...
The current authentication process is functioning properly app.post('/login', passport.authenticate('local-login', { successRedirect: '/home', failureRedirect: '/login', failureFlash: true }) ); Howev ...
When making a request to the YouTube API, I am structuring it as follows: $.get("https://www.googleapis.com/youtube/v3/channels", { part: "contentDetails", id: "somestring", key: "MY-API-KEY" } /*, ...*/ ) A hidden field contains the value id ...
I need to display certain data based on the id provided in the url. When I use console.log() with res.json, I can see the data but I'm unsure how to pass it to the 'articleComponent'. const Articles = () => { const query = (id) => ...
I prefer to pass a single value instead of multiple putPriority fetch calls. This value will not be inputted by the user directly, but rather passed through an onClick event. For example, I want the onClick to send a specific number to "status" in the fe ...
Currently, I am utilizing the struts2 framework alongside dojo for the UI. My goal is to display a PDF in a new browser window. The PDF inputstream is obtained from the server through a standard AJAX call using the GET method (not utilizing a Dojo AJAX cal ...
Description: I have been working on a leaderboard web application using Vue.js. When I tried to launch the server on localhost after finishing my code, I encountered an error. The error message I received is as follows: Uncaught runtime errors: ERROR Cann ...