Issue with recursive function failing to accurately assess object keys

Question

Issue with recursive function failing to accurately assess object keys

I am facing an issue with two objects that have identical length and keys, but different values. The problem lies in a method designed to evaluate these objects, which is currently breaking down. I've spent hours trying to troubleshoot this issue.

Below is the content of originalReference:

{  
   "id":68,
   "article_id":12338,
   // Other key-value pairs...
}

And here is the content of reference:

{  
   "id":68,
   "article_id":12338,
   // Other key-value pairs...
}

In comparing the two objects, I noticed that articleTitle in originalReference contains typos, while it is correct in reference.

The intended function should prevent overwriting values in originalReference if they are non-empty or defined. However, there seems to be an error occurring that reads:

TypeError: Cannot read property 'articleTitle' of undefined

, even though both properties are clearly defined.

Here is the function in question:

evaluateEmptyValues: function(reference, originalReference) {
    var vm = this;

    // Logic for evaluating empty values

}

javascript vue.js

Answer 1

Answer №1

Is it more appropriate to adjust your code in this way?

if (reference[prop] != undefined && reference[prop] != null) {

rather than using an OR condition like before:

if (reference[prop] != undefined || reference[prop] != null) {

Answer 2

Is it more appropriate to adjust your code in this way?

if (reference[prop] != undefined && reference[prop] != null) {

rather than using an OR condition like before:

if (reference[prop] != undefined || reference[prop] != null) {

Answer 3

Answer №2

Managed to make it work with the following code:

handleEmptyValues: function(reference, originalReference) {
    var self = this;

    // Retrieve keys and values from both reference objects
    var referenceLength = Object.entries(reference).length;
    var originalReferenceLength = Object.entries(originalReference).length;

    if (referenceLength === originalReferenceLength) {
        try {
            for (var key in reference) {
                if (reference[key] !== undefined || reference[key] !== null) {
                    if (typeof (reference[key]) === 'string' && reference[key].trim() === '') {
                        reference[key] = originalReference[key];
                    }

                    if (typeof(reference[key]) === 'object' && typeof(originalReference[key]) === 'object') {
                        var innerObjLength = Object.keys(reference[key]).length;
                        for (var nestedKey in reference[key]) {
                            if (originalReference[key][nestedKey] !== undefined) {
                                if (originalReference[key][nestedKey] !== null) {
                                    for (var i = 0; i < nestedKey.length; i++) {
                                        if ((reference[key][nestedKey] === null || reference[key][nestedKey] === '') &&
                                            originalReference[key][nestedKey] !== null) {
                                            reference[key][nestedKey] = originalReference[key][nestedKey];
                                        }
                                    }
                                }
                            }
                        }
                    }

                    if (Array.isArray(reference[key]) && Array.isArray(originalReference[key])) {
                        reference[key].forEach((item, index) => self.handleEmptyValues(item, originalReference[key][index]));
                    }
                } else {
                    if (originalReference[key] !== undefined) {
                        if (originalReference[key] !== null) {
                            reference[key] = originalReference[key];
                        }
                    }
                }
            }
        } catch(error) {
            console.log(error);
        }
    }
},

Answer 4

Managed to make it work with the following code:

handleEmptyValues: function(reference, originalReference) {
    var self = this;

    // Retrieve keys and values from both reference objects
    var referenceLength = Object.entries(reference).length;
    var originalReferenceLength = Object.entries(originalReference).length;

    if (referenceLength === originalReferenceLength) {
        try {
            for (var key in reference) {
                if (reference[key] !== undefined || reference[key] !== null) {
                    if (typeof (reference[key]) === 'string' && reference[key].trim() === '') {
                        reference[key] = originalReference[key];
                    }

                    if (typeof(reference[key]) === 'object' && typeof(originalReference[key]) === 'object') {
                        var innerObjLength = Object.keys(reference[key]).length;
                        for (var nestedKey in reference[key]) {
                            if (originalReference[key][nestedKey] !== undefined) {
                                if (originalReference[key][nestedKey] !== null) {
                                    for (var i = 0; i < nestedKey.length; i++) {
                                        if ((reference[key][nestedKey] === null || reference[key][nestedKey] === '') &&
                                            originalReference[key][nestedKey] !== null) {
                                            reference[key][nestedKey] = originalReference[key][nestedKey];
                                        }
                                    }
                                }
                            }
                        }
                    }

                    if (Array.isArray(reference[key]) && Array.isArray(originalReference[key])) {
                        reference[key].forEach((item, index) => self.handleEmptyValues(item, originalReference[key][index]));
                    }
                } else {
                    if (originalReference[key] !== undefined) {
                        if (originalReference[key] !== null) {
                            reference[key] = originalReference[key];
                        }
                    }
                }
            }
        } catch(error) {
            console.log(error);
        }
    }
},

Issue with recursive function failing to accurately assess object keys

Answer №1

Answer №2

Similar questions

Error: The functionXXX is missing and cannot be found when HTMLInputElement is clicked

Most efficient method for updating ASP.NET page with Javascript

Create a dynamic onClick event script and integrate it into Google Optimize

Error in Node.js: Trying to access property 'get' of an undefined object

What are the benefits of using Bower.js when npm is already functioning well?

The functionality of the Angular ng-bind-html directive may be unreliable in specific scenarios

Exploring the wonders of Node.js, Redis, and Express.js while navigating through the enchanting world of Asynchronous

If the given response `resp` can be parsed as JSON, then the function `$

"PHP Dilemma: Navigating the Ajax Button Press Situation

Using Node.js and Less to dynamically select a stylesheet source depending on the subdomain

Retrieving Specific Node Value in Array From XML Document

Updating deeply nested document in Mongoose

Utilizing jQuery to display labels only for selected checkboxes while concealing the ones that are not checked

Having trouble with ES6 in Canvas - why won't my code display correctly?

Is it possible to rotate a Three.js group around a specific point within the group using Three.js?

Allow Vue to handle the registration of the datepicker event

ESLint does not recognize the components used in Element UI

Retrieving titles based on a particular id or class

Manipulating binary data through the use of encodeURIComponent

From mongoose to swagger: "<field>" validation error - BSONTypeError: The argument provided must be a string containing either 12 bytes or 24 hexadecimal characters