Verify the presence of a JSON object within the session storage using JavaScript

I'm currently developing a website where some data is stored within the session. In the initial page, I need to verify if the JSON object already exists in the session. Below is the code snippet that's causing issues:

 var passedTotal = JSON.parse(sessionStorage.getItem('test total array'));
 if(passedTotal.hasOwnProperty('letterplaatnaam')){
 //do something
 }

If the JSON object exists, everything works fine. But if it doesn't exist, the following error occurs:

Uncaught TypeError: Cannot read property 'hasOwnProperty' of null

I understand that this error is due to the object being empty. I've searched through various Stack Overflow questions but haven't found a solution yet. If you need more information, feel free to ask.

Answer №1

Consider:

if(passedTotaal!==null && passedTotaal.hasOwnProperty('letterplaatnaam'))

Answer №2

const retrieveTest = sessionStorage.getItem('test total array');
if (retrieveTest) {
    const parsedTest = JSON.parse(retrieveTest);
    if(parsedTest && parsedTest.hasOwnProperty('letterplate name')){
        //perform an action
    }
}

since getItem may also return null

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

Ways to extract parameter values from a json request

Looking to utilize the bing maps API for obtaining travel time and distance between two GPS coordinates. Despite receiving a JSON response, I'm encountering difficulty extracting the values from this dictionary. import requests import json payload = ...

I am encountering an issue trying to save and load app settings using JSON. The error message says that it is unable to convert from 'System.Text.Json.JsonElement' to 'System.Collections.Generic.List`1[System.String]'

My attempt to save application settings data in JSON format for easy readability and retrieval is not going as planned. I am encountering an error while trying to reassign the values of lists stored in a ListDictionary. The strategy involves organizing di ...

Avoiding duplicate clicks in Onsen UI Navigator.Avoid duplicate clicks in

When a user clicks on an item in my list, they are taken to a details page. However, if the user clicks too quickly, two click events may be fired, leading them to navigate to two different pages consecutively. Is there a way to prevent this issue? Can we ...

Importing Vue and Vuex modules from separate files

Recently, I encountered an uncommon issue. I decided to keep my main.js and store.js files separate in a Vue project. In the store.js file, I imported Vuex, set up a new vuex store, and exported it. However, when importing this file into main.js and settin ...

Acquire HTML table information in array format using JavaScript

I am searching for a script that can extract the 2D array of rows and columns from an HTML table within a div element. The desired array output should be: [ ["Company", "Contact", "Country"], ["Alfreds Futterkiste", "Maria Anders", "Germany"], ...

Android JSON Exception - Value not found

Encountering this error message in my logcat 03-18 12:06:36.972: W/System.err(24574): org.json.JSONException: No value for title and unable to progress further. Currently implementing Gson to process JSON data, and included below are snippets from my MainA ...

argument sent to component yields a result of undefined value

I am struggling with an asynchronous method that needs to be called in order to render a value on the first cycle. However, it seems that the component is being rendered before the value is returned, resulting in the prop being undefined when passed to the ...

Merge all JSON files after indexing them using jq into a single JSON file

I have multiple json files stored in a directory, such as: file1.json [ { "name": "Alice" }, { "name": "Bob" } ] file2.json [ { "name": "Eve" }, { "name": "Charlie ...

A step-by-step guide to incorporating VeeValidate with vue-i18n

When a click event is triggered, I am able to change the language in vue-i18n. However, I am facing an issue with changing the vee-validate dictionary to match the same language. Main.js import VeeValidate from 'vee-validate' import validations ...

Filtering and selecting tables in HTML

I am dealing with an HTML table that combines static data and MySQL input. The filtering functionality is working properly, but I am struggling to add the options "yes" and "no" to the selection list. These values are test inputs fetched from MySQL. I need ...

Problem encountered when Next.js and CSRF token interact on the server

I've integrated the next-csrf library (https://github.com/j0lv3r4/next-csrf) into my next.js app to safeguard api routes. Despite following the documentation, I'm encountering a 500 error with the following message: {"message":"Si ...

Combining React with a jQuery plugin

Utilizing the jQuery nestable plugin in my React App has been a lifesaver for meeting my business needs. Despite being aware of the potential complications that arise from mixing jQuery with React, I couldn't find the exact functionality I required in ...

Issue with PrimeFaces radiobutton styles not updating after being clicked programmatically

My setup includes a p:selectOneRadio constructed like this: <p:selectOneRadio id="positionRadio" value="#{employeeBean.empPosition}" converter="#{empPositionConverter}" layout="custom" required="true" requiredMessage="Please select ...

How to easily toggle multiple elements using jQuery

I'm having trouble getting this block of code to function properly: $("a.expand_all").on("click",function(){ $(this).text('Hide'); $('.answer').each(function () { $(this).slideDown(150, function () { $( ...

What is the best way to access and iterate through JSON data?

I am trying to extract data from my Json file, however, I cannot use a specific 'key' because it changes on a daily basis. https://i.sstatic.net/sZySk.png My attempted solution is as follows: template: function(params) { const objects ...

What is the method for triggering the output of a function's value with specified parameters by clicking in an HTML

I am struggling to display a random number output below a button when it is clicked using a function. <!DOCTYPE html> <html> <body> <form> <input type="button" value="Click me" onclick="genRand()"> </form> <scri ...

Attempting to send numerous identifiers in an API request

I encountered a problem while working on a function in Angular that involves pulling data from an API. My goal is to enhance a current segment to accommodate multiple IDs, but I face difficulties when attempting to retrieve more than one ID for the API que ...

Encountering an error while using $state.go function in Angular JS testing

Below is the code snippet for a Controller in Angular JS: describe('Controller: homeCtrl', function () { beforeEach(module('incident')); var homeCtrl, $state; beforeEach(inject(function ($controller, _$state_) { $state = _ ...

Disable the meta tags in Zurb Foundation 5

I have searched extensively online but haven't been able to find a solution for this issue. How can I disable these zurb foundation 5 meta tags in the <head>: <meta class="foundation-mq-small"> <meta class="foundation-mq-small-only"> ...

Having difficulty with loading JSON data into jqGrid

Explaining my jqGrid definition: . . . datatype: 'json', //Setting the data type to JSON url:'<%=request.getContextPath()%>/servlet/AjaxManager?mode=9999&beginindex=0&totallimit=10&colname=policyname&sorttype=asc&apos ...