My JSON data is structured as follows:
{
"bitcoin": [
"-0.47",
"-0.46",
"-0.42"
],
"maker": [
"8.29",
"8.29",
"6.89"
]
}
I want to extract values from this data where keys are not specified. How can I achieve this?
Update: Thanks to the assistance of @kolzar and @FZs, I was able to accomplish this using the following code snippet:
for (var key in obj) {
console.log(key + obj[key]);
}
let data = {
"bitcoin": [
"-0.47",
"-0.46",
"-0.42"
],
"ethereum": [
"2.15",
"2.33",
"1.98"
]
}
for (let key in data) {
for (let i = 0; i < data[key].length; i++) {
console.log(data[key][i]);
}
}Please provide more details on your request.
When working with arrays ([...]), it's important to remember that keys are numbers.
In JavaScript, there are two ways to access properties:
container[key_as_expression]container.key_as_identifierSince JS identifiers cannot start with a number, number keys can only be accessed using the first method:
data={
"bitcoin": [
"-0.47",
"-0.46",
"-0.42"
],
"maker": [
"8.29",
"8.29",
"6.89"
]
}
console.log(data.bitcoin[0]) //"-0.47"
console.log(data.bitcoin[1]) //"-0.46"With the ability to use expressions, keys must not be hard-coded:
n=0
data={
"bitcoin": [
"-0.47",
"-0.46",
"-0.42"
],
"maker": [
"8.29",
"8.29",
"6.89"
]
}
console.log(data.bitcoin[n]) //"-0.47"
console.log(data.bitcoin[n+1]) //"-0.46"There are various loops available to help with this:
for - An essential loop for iterating through an array:
data=[1,2,3,"hello","world"]
for(let i=0;i<data.length;i++){
console.log(i,data[i])
}for of - A simpler syntax that does not provide access to keys:
data=[1,2,3,"hello","world"]
for(let x of data){
console.log(x)
}array.forEach - Execute a function on each element of an array:
data=[1,2,3,"hello","world"]
data.forEach(function(x,i){console.log(i,x)})These are just a few options available to manipulate arrays efficiently!
apple and orange are both lists, meaning the items inside do not have specific keys assigned to them.
const data = {
"apple": [
"0.57",
"0.58",
"0.62"
],
"orange": [
"2.30",
"2.45",
"2.10"
]
}
In order to access the values:
var appleItems = data.apple;
var firstApple = appleItems[0];
I currently have the following code: $('#slider li').click(function () { var stepClicked = $(this).index(); alert(stepClicked); if (stepClicked != 0) { $('#cs_previous').removeClass('cs_hideMe'); } els ...
As a complete beginner, I kindly ask for your patience as I navigate through the coding basics. I am looking to utilize a template specified in the prop. The template is located within the DOM. My intention for approaching it this way is to reuse the comp ...
My Vue page code looks like this: <template> // Button that triggers the submit method </template> <script> import { moveTo } from '@/lib/utils'; export default { components: { }, data() { }, methods: { async ...
I am currently working on a JavaScript task that involves checking for the existence of a value in an array and then adding it to another array. Here is the setup: const originalArray = ["apple", "banana", "cherry", "date", "elderberry"]; let newArray = [ ...
Is there a way for me to specify the type of a filename field in my object? The file name will consist of a string representing the name of the uploaded file along with its extension. For instance: { icon: "my_icon.svg" } I am looking for a ...
I am working on a simple Angular app that displays a list of items. I want the behavior to be such that when the first item in the list is clicked, its description (card) should be displayed. And, if the second item is clicked and its description is displa ...
Objective: I want Express to return /register when the browser URL is http://localhost:5000/register. This seemingly simple goal is proving to be a challenge with Express. Let's start by looking at my firebase.json: firebase.json: "hosting": { ...
Looking at this HTML structure <div> <div> <p class="my-element"></p> </div> <div> <div> <div> <p class="the-text"> I want to retrieve this text</p> </div> </div> <div> ...
Is there a method similar to using ProvidePlugin for preloading jQuery that can be used to preload third-party CSS and JS files without using import in the entry JS file? The reason I am interested in preloading these files is because I encountered an err ...
I have encountered an issue while using Selenium's node.js API to run PhantomJS instances against a series of web pages. The code that I have written to perform actions on the pages is functioning correctly, but it appears that only one instance of Se ...
I am a beginner in AngularJS and I'm attempting to create formatted JSON based on the values of table rows (tr) and cells (td). The table rows are generated automatically. When the form is submitted, I try to create the JSON values. Once the form is ...
Initially, we are exploring uncharted territory here. Although it functions in the latest versions of Firefox, the documentation on MDN is not yet ready at the time of writing. I will address the MDN later on (maybe, as there are numerous areas needing att ...
I have some code that looks like this... Thing function () { var img = new Image; DoSomeStuff function() { //Code here that relies on my image being loaded... }; InitMe function(src) { this.img.onLoad = this.DoSomeStuff; ...
I have a function that manipulates a specified query string, along with another version that always uses window.location.search. Here is the code snippet: class MyClass { public changeQuery(query: string; exclude: boolean = true; ...values: string[]): st ...
I'm encountering an issue with my two typescript packages - a React application and an infrastructure package. The React app has a dependency on the infrastructure package (currently linked via npm). After adding a new class to the infrastructure pack ...
I created a basic input form that updates data when information is added to it. After following a tutorial, I noticed they used application/json in the header for rendering json data within the input fields. let url = 'http://local ...
How can I generate an edit link with a function that requires multiple parameters extracted from different data columns received via ajax? I have come across the render callback, but it seems to only return one column value at a time and my requirement is ...
I am a Japanese Web Developer. Unfortunately, I struggle with English. https://www.npmjs.com/package/unzipper This library is currently in use by me. Below you will find my code snippet: // unzip module import fs from 'fs-extra' import unzip ...
While browsing through SO, I stumbled upon this interesting piece of code: var w = window, d = document, e = d.documentElement, g = d.getElementsByTagName('body')[0], x = w.innerWidth || e.clientWidth || g.clientWidth, y = w. ...
I came across a MongoDB plugin for Node.js that always utilizes callback functions to return search results. However, I am looking for a way to receive the result directly without using callbacks. The code snippet below does not provide me with the desire ...