Exploring an object to retrieve values based on keys using javascript

Question

Exploring an object to retrieve values based on keys using javascript

Currently, I have an array of objects set up like this:

https://i.sstatic.net/l6d3z.png

My goal is to loop through the array and extract users based on a specific roomCode

So, I've attempted two different approaches:

      for(let i=0; i <data.liveRooms.length; i++) {
        if(data.liveRooms[i].roomCode === code) {
          this.usersLive = data.liveRooms[i].users;
        }
      }

And then I tried another method as follows:

for(let i=0; i <data.liveRooms.length; i++) {
    this.liveDataDictionary[data.liveRooms[i].roomCode] = 
      data.liveRooms[i].users;
 }
  this.usersLive = this.liveDataDictionary[code];

Unfortunately, none of these techniques seem to be doing what I want them to do, but I'm not sure why. Could someone please help me figure this out?

javascript typescript

Answer 1

Answer №1

Based on the screenshot provided, it appears that data.liveRooms[i] is a string rather than an object. To address this, consider implementing the following snippet within your for loop:

for(let i=0; i <data.liveRooms.length; i++) {
  let liveRoom = JSON.parse(data.liveRooms[i]);
    if(liveRoom.roomCode === code) {
      ....
    }
}

By utilizing the JSON.parse() method, you can effectively convert the string resembling an object into an actual object. This will enable you to access the properties of the object using dot notation, such as .roomCode.

For more information on JSON.parse(), refer to the documentation at MDN.

Answer 2

Based on the screenshot provided, it appears that data.liveRooms[i] is a string rather than an object. To address this, consider implementing the following snippet within your for loop:

for(let i=0; i <data.liveRooms.length; i++) {
  let liveRoom = JSON.parse(data.liveRooms[i]);
    if(liveRoom.roomCode === code) {
      ....
    }
}

By utilizing the JSON.parse() method, you can effectively convert the string resembling an object into an actual object. This will enable you to access the properties of the object using dot notation, such as .roomCode.

For more information on JSON.parse(), refer to the documentation at MDN.

Exploring an object to retrieve values based on keys using javascript

Answer №1

Similar questions

What is the best way to use a Handlebars file on multiple routes?

Adjusting the brightness of colors using JavaScript

Retrieve the HTML contents of a cell that contains a checkbox with the value of "jquery"

Is there a way for me to extract text from a leaflet popup in order to generate the complete URL for an AJAX request?

Incorporating a specific time to a JavaScript date object

Navigating the use of PHP variables in JavaScript

"Deleting a specific row from a SQL Server using Node.js: Step-by-Step Guide

Troubleshooting the Vue.js component rendering issue

How to adjust cell alignment in Handsontable

Nested loops in JavaScript can be combined with promises to efficiently handle

Is there a way to trigger an AJAX request right before I leave the page or unload it?

What is the best way to retrieve the value from a textarea and verify if it is blank or not?

PapaParse is not properly recognizing the date format

Guide to parsing unprocessed JSON into a specified format including a Date field

Preventing Context Menu from Appearing on Long Click in HTML5 Games

In React, components will consistently render the initial code

The interplay between javascript and PL/SQL tasks in a dynamic scenario

"Utilizing the power of ng-click to target specific child

How to reference an image located in one folder from a page in a different folder using React

Confirm that the string is in the correct JavaScript Date format