How to extract values from objects using JavaScript JSON?

I am encountering an issue with the data returned from my server:

reminder:"["15", {"reminder_server": Balancer #5, "reminder_day": 16}]"

My goal is to extract the values of reminder_server and reminder_day, and I have attempted the following approach:

if (typeof data.reminder !== 'undefined' && data.reminder.length > 0) {
    var remind = data.reminder;

    for( var k = 0; k < remind.length; k+=2 ) {
        var id = remind[k];
        var reminder = remind[k+2];

        /* ADD - reminder */
        console.log(reminder.reminder_server);

        /* INCREMENT - counter */
        k++;
    }
}

However, when I check the output using console.log, I always receive either:

28 undefined

Or

]

I am unsure about the cause of this discrepancy. On the server side, I am converting the string to a JSON object and sending it to the client using Node.js:

res.json(data);

Any insights or suggestions on resolving this issue would be greatly appreciated.

javascriptjson

Answer №1

reminder is a JSON formatted as a string, not an array in JavaScript.

To work with it, you need to begin by using the JSON.parse method.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

react validation for dropdown, react-datepicker, and hour input at intermittent intervals

I have integrated the following packages into my project :- react-datepicker library for selecting from time and to time date validation with date-fns, moment.js, additional validations using jQuery and lodash libraries/packages If you want to view my pr ...

javascriptreactjsvalidationmomentjsdatetimerangefield

Adjust the position of a trimmed image within an HTML5 canvas

Is there a way to shift the cropped image down by 100 pixels and left by 50 pixels within the canvas? View the code snippet below. Javascript // Grab the Canvas and Drawing Context var canvas = document.getElementById('c'); var ctx = canvas.get ...

javascripthtmlcanvashtml5-canvas

I am looking to organize my content by creating categories such as How, When, and Why for different videos. How can I achieve this for a large amount of text

I am in the process of organizing categories for the text I have. My goal is to display text from specific categories based on the color that a random video lands on. For example, if the video lands on the color red, I want text from the category labeled " ...

javascripthtmlcssarrays

Can anyone tell me how to retrieve the value of {{org}} in this situation?

<head> <title>My Unique Page</title> </head> <body> <input type="text" ng-model="selectedOrg" ng-show="!isSuperAdmin" readonly /> <select id="nameOrg" ng-model="selectedOrg" ng-cha ...

javascriptjqueryhtmlangularjsfunction

Having trouble retrieving hidden values from a new Angular/JavaScript window

I have created a form inside a component HTML <button type="button" (click)="myForm(i)"> TypeScript myForm(i) { let form = document.createElement('form'); form.setAttribute('action', this.urlAddr); form.setAttribute ...

javascriptangulartypescript

Troubleshooting the Gravity Issue in Three.js and Physi.js

Attempting to rewrite a Physi.js example in my own style has been challenging. The gravity feature doesn't seem to be working properly, even though the render loop is functioning correctly and constantly firing. You can view what I have so far here: ...

javascriptphysicsthree.js

Troubleshooting expressjs: Issues with serving Static Files

I've encountered a frustrating issue. Express js is not serving my static files as expected, and instead it keeps hitting my global catch all get handler. Here's how my directory structure looks: node/apps/web/app.js -------------/public/ ---- ...

javascriptnode.jsexpress

`` `Are you unsure when to use arrayobject instead of objectarray in JavaScript?

I'm struggling to understand when it's best to declare an object inside an array or an array inside an object. Object inside an array var users = [{'Name': 'Alex', 'Value': 2}] Array inside an object var user_dat ...

javascriptarraysobject

Calculating the size of an array based on its attributes

Hey there, I'm working with an array containing attributes and need to determine its length. In this particular case, the array should have a length of 2 since there are only two "items" present. {"items":[{"value":"2","valor":0,"name":"Limpeza"}, {" ...

javascriptarrays

When using the Node JS driver to find elements by their class name and retrieve the text, an error is encountered

While working on Selenium tests, I am seeking feedback and the closest solution I have found is using: driver.findElement(By.className('classname')).getText(); However, in order to make it more efficient, I need to find all elements with the sa ...

javascriptnode.jsselenium

Using React.js to create an HTML Input that allows users to select and pass an array of

I'm looking for a way to reuse a function that accepts an array of Files in order to handle files from an HTML5 input element. Here is the input setup: render() { return ( <div> <form> <input className="fileInput" ...

javascriptreactjsinput

display PHP JSON information using jQuery AJAX

I'm completely new to this subject. I have a Json result that looks like the following : { "span": " 1", "numcard": "12", "chan": " Yes", "idle": "Yes", "level": "idle ", "call": "No ", "name": "" } My goal is to ...

javascriptphpjqueryajaxjson

Webpack-dev-middleware is serving the bundle on a port that is distinct from the application

Recently, I've been developing a React boilerplate that fully utilizes Apollo-Client and GraphQL. The setup of my application consists of one node process overseeing an Express server on port 3000 to render the app, and another Express server on port ...

javascriptnode.jsexpresswebpackwebpack-dev-middleware

A Guide to Dynamically Updating Page Titles Using JavaScript in a Ruby on Rails Application

Every time I use Ajax to load a blog post on the webpage, I adjust the <title> to "My Blog - BLOGPOST_TITLE". It is worth mentioning that "My Blog - " also shows up in the application layout. My dilemma is, how do I inform my Javascript about the " ...

javascriptruby-on-railsdryunobtrusive-javascript

The AR.js documentation example is not functional when initially tested

Struggling with AR.js, I decided to start fresh and go back to basics. My goal is to place a gltf file on a custom marker. I referred to the documentation at () for the image tracking example: <script src="https://raw.githack.com/AR-js-org/AR.js/ ...

javascriptthree.jsaugmented-realityaframear.js

Show information on a pop-up window using Ajax without having to open a new browser tab

I am currently working on a project that uses the Struts framework. In this project, I need to revamp the UI design. The existing project has a menu tab, and when each menu is clicked, a JSP page opens in a new browser window. However, I want these pages t ...

javascriptjqueryajaxjsp

Adjust the transparency and viewability of an object loaded from OBJMTL Loader using three.js dat-gui

I have successfully loaded an object using OBJMTLLoader and now I want to be able to manipulate its position, visibility, and opacity using the dat-gui control panel. Although I have been able to move the loaded object following this example, I am having t ...

javascriptthree.js

Traverse through the JSON data until a certain condition is satisfied, then proceed to tally the number

Looking to parse a json file containing user data and points. The goal is to loop through the data until the _id matches the userId, then determine the position of that user in the list based on the number of objects. The json file provided below already ...

javascriptjqueryjson

Communication between $timeout and $scope functions in AngularJS

I stumbled upon an interesting anomaly in AngularJS. Why do these sections exhibit different behaviors? Working Timeout (alert after 8 seconds) $scope.testfun = function(){ alert(2); } $scope.activate = function(h,m,s){ if(h != 0 || m != 0 || s ! ...

javascriptangularjswebangularjs-scopetimeout

Creating dynamic classes in VueJS

After carefully reviewing the documentation, I am puzzled about how to modify a class. My component's data is structured as follows: props: [ 'm_c_id', 'recipient_id', 'sender_id', 'userId' ], If sende ...

javascriptvue.jsvuejs2