How can you effectively filter a JSON array in JavaScript when the keys include special characters?

Question

How can you effectively filter a JSON array in JavaScript when the keys include special characters?

I received a JSON response that has the following structure:

[
    {
        "@level": "info",
        "@message": "Text"
    },
    {
        "@level": "error",
        "@message": "Text"
    },
    {
        "@level": "info",
        "@message": "Text"
    }
]

I am trying to figure out how to filter this JSON response so that it only displays Objects where

"@level" === "error"

. I know how to typically filter JSON arrays in JavaScript (for example, as explained here). However, in this case, the solution does not seem to work due to the special character @ in the key.

Can anyone help me understand what I might be overlooking here?

javascript json

Answer 1

Answer №1

Operates in a similar manner as explained in the linked answer, but make sure to utilize bracket notation with arrays:

let array = [
    {
        "@level": "info",
        "@message": "Text"
    },
    {
        "@level": "error",
        "@message": "Text"
    },
    {
        "@level": "info",
        "@message": "Text"
    },
];

console.log(array.filter((item) => item["@level"] === "error"));

Answer 2

Operates in a similar manner as explained in the linked answer, but make sure to utilize bracket notation with arrays:

let array = [
    {
        "@level": "info",
        "@message": "Text"
    },
    {
        "@level": "error",
        "@message": "Text"
    },
    {
        "@level": "info",
        "@message": "Text"
    },
];

console.log(array.filter((item) => item["@level"] === "error"));

How can you effectively filter a JSON array in JavaScript when the keys include special characters?

Answer №1

Similar questions

The function axios.post(...).then is throwing a TypeError

Modify a class attribute within a function

JQuery jqx validation is experiencing some issues

What is causing my Mongo database to be unresponsive during my initial request?

The AngularJS filter may encounter issues if the filter's model is located in a separate view that shares the same controller

ajax-jquery request declined

How can I load a .json file into JavaScript without inserting it directly into the code?

Angular and Ionic components consistently return clientHeight and clientWidth values of zero

Significant increase in response time observed after 3 minutes of inactivity on the Web API

React for building frontend text sliders

The Vue.js integration fails to function within Laravel 5.5's environment

Failure to deliver messages through socket.emit

React - Children components in an array not updating when props are modified within a callback function

Is a switch statement supported by jade's syntax?

I'm testing out using JSON to store a question along with its corresponding answer in a JSON file

What is the proper method to trigger a re-render of a React functional component with the useEffect

Concentrating on a Div Element in React

Switching background images with Javascript through hovering

Post Request to Express API does not produce any output

Using JavaScript parameters in a HTML document