Unable to find JSON data using the Javascript Kafka Magic Tool, as no results are being

In JSON format, I have a message that contains various details. My goal is to utilize Javascript search functionality to identify if the EmailAddress matches the specific value I am looking for within hundreds of similar messages:

 "Message": {
          "Event": {
            "Type": "INFO",
            "IsSuccessful": true,
            "Details": {
              "Value": "{\"EmailAddress\":\"<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="bfcbdacccbffcbdacccb91dcd0d2">[email protected]</a>\",\"SystemId\":\"5\"}"
            }

This is the code snippet I have been using:

function findItem(items) {
    
    if (!items) return console.log('failed');
    for (i=0; i < items.length; i++) {
        if (items[i].Event.Details.Value.EmailAddress === "<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0c78697f784c78697f78226f6361">[email protected]</a>\") return console.log('found');
    } 
    return console.log('fail 2');
}

return findItem(Context.Message);

I seem to be encountering an issue as my search function is not triggering the console.log('found')

UPDATE* I would like to mention that this scenario involves the use of Kafka Magic Tool - https://www.kafkamagic.com/usage/development/#:~:text=validating%20a%20producer.-,Use%20JavaScript%20queries%20to%20search%20for%20a%20message,fields%2C%20headers%2C%20and%20metadata.

javascriptjson

Answer №1

items[i].Event.Details.Value contains JSON data that needs to be decoded using JSON.parse() before you can access the .EmailAddress property.

You can use a function like the one below for this purpose:

function findItem(items) {
    if (!items) return false;
    for (i=0; i < items.length; i++) {
        let parsedDetails = JSON.parse(items[i].Event.Details.Value);
        if (parsedDetails.EmailAddress === "<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="99edfceaedd9edfceaedb7faf6f4">[email protected]</a>") {
            console.log('found', items[i]);
            return true;
        }
    }
    return false;
}

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

Formula for determining the slider's span

I recently created a range slider using Vue.js It has a minimum and maximum value, assumed to be percentages as it ranges from 0 to 100. My goal is to set the minimum value at $5,000 and the maximum at $200,000, However, I struggle with math and need th ...

javascriptalgorithmvue.jsmath

Unable to retrieve an image from various sources

My setup includes an Express server with a designated folder for images. app.use(express.static("files")); When attempting to access an image from the "files" folder at localhost:3000/test, everything functions properly. However, when trying to ...

javascriptnode.jsexpress

Error: The requested collection# cannot be found in the Node.js Express routing system

Recently, I have started learning nodejs and implemented a simple API that allows users to log in with passport and then redirects them to the /collections route. While this part is functioning correctly, I am encountering issues with POST requests which a ...

javascriptnode.jsexpress

Obtaining the accurate offsetTop and offsetLeft values for an element following a CSS3 rotation

Is there a method to accurately determine the offsetTop and offsetLeft values of an element post-transform rotation? Are there any lesser-known element properties that could be helpful in this scenario? Attached is an image that can provide further clari ...

javascriptcss

Retrieve the ID from either a search query or an insertion operation in MongoDB

I find myself frequently using this particular pattern. It feels a bit cumbersome to make two MongoDB calls for the task, and I am curious if there is a more efficient way to achieve this. My goal is to obtain the ID of an existing document, or.. create ...

javascriptmongodbmeteor

When the key code is equal to "enter" (13), the form will be submitted

When I press the Enter key, I want to submit a form if there are no error messages present. Here is the function I have created: $(targetFormID).submit(function (e) { var errorMessage = getErrorMessage(targetDiv); if (e.keyCode == 13 && errorMessa ...

javascriptjquerykeycode

Activate the bootstrap modal display using PHP code

Can someone help me trigger the modal('show') event using PHP code? I attempted the following: if(isset($_POST['Edit'])){ echo "<script> $('#Modal').modal('show') </script>"; } I tested this code, but i ...

phpjavascriptjquerytwitter-bootstrap

Preventing touchstart default behavior in JavaScript on iOS without disrupting scrolling functionality

Currently experimenting with JavaScript and jQuery within a UIWebView on iOS. I've implemented some javascript event handlers to detect a touch-and-hold action in order to display a message when an image is tapped for a certain duration: $(document) ...

javascriptjqueryioseventsscroll

A simple method for bulk editing in Angular UI Grid

Is there a way to enable mass editing in Angular UI Grid by allowing all rows to show editable input fields at once, rather than just one at a time? I have searched online for a solution without success and am now turning to this forum for help. If anyone ...

javascriptangularjsangular-ui-grid

Entering a value into an HTML textbox using Awesomium in VB.NET

This code snippet is used to split text from a listbox: For Each Item As Object In ListBox1.SelectedItems TextBox2.AppendText(Item.ToString + Environment.NewLine) Next Dim str As String = TextBox2.Text D ...

javascripthtmlvb.netawesomium

Once the form has been submitted, proceed to open a new page following processing

Trying to remove an entry or offer from the database and then return to the page with all entries/offers. Attempted using Javascript, but it successfully deletes the item without redirecting to the overview page. Is this the correct approach with Javascri ...

javascriptphphtml

What is the best way to showcase images using Vue.js?

For my Vue project, I am encountering issues with the image paths not working properly. Despite trying different variations, such as: <figure class="workout-image"> <img :src= "images.bicep" width= "200px" ...

javascriptimagevue.js

Preventing Users from Accessing NodeJS Express Routes: A Guide

Currently, I am working on a React application where I am utilizing Express to handle database queries and other functions. When trying to retrieve data for a specific user through the express routes like so: app.get("/u/:id", function(req, res) { ...

javascriptnode.jsreactjsexpress

Guide to ensuring modal box only appears once all criteria are satisfied

On my website, I have a form that requests the user's personal information. After filling out the form, a modal pops up with a "Thank you for signing up" message. The issue is that even if all fields are left blank and the button is clicked, the modal ...

javascriptformsmodal-dialogradio-buttonrequirements

The HTML2PDF tool is failing to generate PDFs in landscape orientation

I've encountered an issue while attempting to create a PDF file in landscape orientation using the html2pdf.js library within a PHP application. The process involves fetching form responses from a JSON file, converting them into an HTML string, and th ...

jsonhtml2pdf

What is the best way to alter the order of the .map function in JavaScript to display in ascending or descending order?

I currently have 25 songs in my Spotify playlist, with the possibility of more being added in the future. The songs are numbered from 1 to 25. However, the map() function I use only displays the top 10 songs (1 to 10). When a new song is added, it is assig ...

javascriptnode.jsreactjsnext.jsmap-function

How can I make a div blur as I scroll through the page

How can I make each item in my timeline focused one at a time as the user scrolls, instead of having all items in focus simultaneously? Any ideas or suggestions would be appreciated. Here is my fiddle and here is my code $(document).ready(function(){ ...

javascriptjqueryhtmlcsstimeline

Display alert only when focus is lost (on blur) and a dropdown selection was not made

Utilizing Google Maps Places for autocompletion of my input, I am aiming to nudge the user towards selecting an address from the provided dropdowns in order to work with the chosen place. A challenge arises when considering enabling users to input address ...

javascriptgoogle-maps-api-3vue.js

The menu was intended to be hidden when the mouse is moved away, but it actually hides

I'm facing an issue with my button and menu functionality. Even though I have coded the menu to hide itself when the mouse leaves, it hides before the mouse even goes over it. Any suggestions on how to resolve this? function showMenu() { var menu ...

javascriptjqueryhtmlcss

Extending a Typescript class from another file

I have a total of three classes spread across three separate .ts files - ClassA, ClassB, and ClassC. Firstly, in the initial file (file a.ts), I have: //file a.ts class ClassA { } The second file contains: //file b.ts export class ClassB extends Class ...

javascriptnode.jsmoduletypescript