retrieve the value of a specific key using JSON stringify

[{"displayorder":"1","menuname":"DashBoard","menuid":"5","menuurl":"dashboard.php"},{"displayorder":"3","menuname":"Accounting Module","menuid":"3","menuurl":""},{"displayorder":"4","menuname":"My Profile","menuid":"4","menuurl":"myprofile.php"},{"displayorder":"6","menuname":"HR Module","menuid":"2","menuurl":""},{"displayorder":"9","menuname":"Administrator","menuid":"1","menuurl":""}]

Within this JSON object, I'm looking to extract the values of all the "menuname" keys. Any suggestions on how to accomplish this would be greatly appreciated.

UPDATE: I attempted a solution found here, but unfortunately, it returned as undefined in the console.

UPDATE

[{"displayorder":"1","menuname":"Menu Management","menuid":"1","submenuurl":"","parentid":"1"},{"displayorder":"1","menuname":"hr sub menu","menuid":"7","submenuurl":"error.php","parentid":"2"},{"displayorder":"2","menuname":"Role Management","menuid":"2","submenuurl":"","parentid":"1"},{"displayorder":"2","menuname":"menu 2 management2","menuid":"8","submenuurl":"","parentid":"2"},{"displayorder":"3","menuname":"hrsubmenu","menuid":"3","submenuurl":"contactus.php","parentid":"2"},{"displayorder":"3","menuname":"submenuaccounting","menuid":"4","submenuurl":"imagegallery.php","parentid":"3"}];

I am now seeking a method to retrieve all details from the second JSON with a specific "parentid" that corresponds to the above "menuid". How can I achieve this?

javascriptjsonstring

Answer №1

Here is a practical demonstration:

Visit this link for an interactive example

var data = [{"displayorder":"1","menuname":"DashBoard","menuid":"5","menuurl":"dashboard.php"},{"displayorder":"3","menuname":"Accounting Module","menuid":"3","menuurl":""},{"displayorder":"4","menuname":"My Profile","menuid":"4","menuurl":"myprofile.php"},{"displayorder":"6","menuname":"HR Module","menuid":"2","menuurl":&...
    
data.forEach(function(item, index){
    console.log(item.menuname);
});

Enhanced Documentation

If you explore this resource, you will find the following information:

The callback function accepts three parameters:

  • the element value
  • the element index
  • the array being traversed

Therefore, index is a conventional term for denoting the position of elements in the array. Feel free to use any name that suits your preference - elementPosition, customIndex, and so on.

Answer №2

let jsonData = [{"order": "1", "name": "Dashboard", "id": "5", "url": "dashboard.php"}, {"order": "3", "name": "Accounting Module", "id": "3", "url": ""}, {"order": "4", "name": "My Profile", "id": "4", "url": "myprofile.php"}, {"order": "6", "name": "HR Module", "id": "2", "url": ""}, {"order": "9", "name": "Administrator", "id": "1", "url": ""}]; 

let menuNamesArray = [];

for (let index = 0; index < jsonData.length; index++) {
    if(jsonData[index].hasOwnProperty('name')) {
        // perform a useful action here
        console.log(jsonData[index]['name']);
        // add value to new array 
        menuNamesArray.push(jsonData[index]['name']);
    }
}

console.log(menuNamesArray);

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

Is there a way to enable code completion for Firebase on VS Code?

After successfully setting up Typescript for code completion following the guidelines provided in this resource, I now want to enable code completion for Firebase in VS Code. However, I am unsure of the steps to achieve this. How can I activate code compl ...

javascripttypescriptfirebasevisual-studio-codeintellisense

Implementing Twain functionality in an Electron-based desktop application

I've been tasked with building a desktop application using React + Electron, and my client wants to incorporate scanning documents using a scanner and uploading them to the server through the app. Are there any effective ways to integrate Twain into R ...

javascriptreactjselectrontwain

Unable to alphabetically arrange buttons automatically

I am encountering a challenge with automatically sorting buttons alphabetically on my webpage. I am unable to determine the method for sorting these buttons using jquery or javascript, but my goal is to have them sorted automatically when the page loads. I ...

javascriptjqueryhtmlbutton

Attempting to determine the number of elements in a JSON array

Having an issue with counting the length of an array converted from JSON using json_decode in PHP. The current code is not returning the expected results. The JSON list consists of an array with 10,000 items but something seems to be missing. Any assistanc ...

phparraysjson

The absence of CORS headers detected in XMLHttpRequest

I am currently trying to execute an ajax call to a remote server, only for developmental purposes. I have configured CORS on my server, which is why when I request the resource through the browser, it shows that the CORS headers are present. https://i.sta ...

javascriptajax

Define the format for the output file name in TypeScript

I am trying to change the filename of a TypeScript generated js file. How can I accomplish this? For instance, I currently have MyCompany.ClassA.ts The default output filename is MyCompany.ClassA.js However, I would like the output filename to be MyComp ...

javascriptvisual-studio-2013msbuildtypescripttypescript1.7

A guide on transforming Jonatas Walker's TimePicker into a custom JavaScript class or a versatile jQuery plugin

I came across a timepicker solution on this Stack Overflow answer that I really liked. However, I encountered difficulties trying to implement it in a project where input elements are dynamically created. It seemed like the timepicker required specific han ...

javascriptobjecttimepicker

Ways to disperse items within another item

I have an inner object nested inside another object, and I am looking to extract the values from the inner object for easier access using its id. My Object Resolver [ { _id: { _id: '123456789', totaloutcome: 'DONE' }, count: 4 }, { ...

javascriptnode.jsangulartypescript

I'm looking for a way to add an onclick event to every element created by Vue.js through a "v-for" loop in order to toggle the visibility of its inner content

My Vue data consists of: data: function() { return { results: { "items": [ { "id": "770c257b-7ded-437c-99b5-3b8953b5be3a", "name": "Gsbssbb", "price": 9559, "colour": { ...

javascripthtmlloopsvue.jsvuejs2

Retrieve information from a JSON file containing multiple JSON objects for viewing purposes

Looking for a solution to access and display specific elements from a JSON object containing multiple JSON objects. The elements needed are: 1) CampaignName 2) Start date 3) End date An attempt has been made with code that resulted in an error displayed ...

javascriptc#.netjson

Text transitions in a gentle fade effect, appearing and disappearing with each change

I want to create a smooth fade in and out effect for the text within a div when it changes or hides. After researching on Google and Stack Overflow, I found that most solutions involve adding a 'hide' CSS class and toggling it with a custom func ...

javascriptcss

Tips on modifying JSON information from various collections of key-value pairs

What is the best way to manipulate JSON data by changing values from multiple key-value pairs in Java? ...

javajson

What may be causing my Ajax call to get stuck at readystate 1 and not progress further

I've double-checked all my code, yet I'm not getting any response from my Ajax call. Can someone help me figure out what's wrong? function fetchPokemonData() { const apiRequest = new XMLHttpRequest(); apiRequest.open('GET', &apo ...

javascriptajax

How to adjust the Timezone of a JavaScript Date without affecting the designated time?

var schedule = { start_at = Date ( '2017-10-10' ), // Data is not editable - ORM will provide ... }; // Mon Oct 09 2017 20:00:00 GMT-0400 (Eastern Daylight Time) console.log ( schedule.start_at ); Seeking a way to adjust the time of an ...

javascriptmomentjs

Generating a request to API using Express and create-react-app

I have my create-react-app running on localhost:3000 with a proxy set up in package.json to point to my server running at localhost:3001. { "name": "my-app", "version": "0.1.0", "private": true, "dependencies": { "axios": "^0.18.0", "react ...

javascriptreactjsapiexpress

I’m keen on utilizing JQuery with Node.js and EJS, but I’m encountering an issue where $ is not

I attempted to incorporate JQuery in my project by following these steps. Installed jquery using npm install Modified the package.json file Despite this, the functionality still does not work as intended. Below is a snippet of the .ejs page: <html& ...

javascriptjquerynode.jsnpmejs

Is it possible to recreate the initial JavaScript source file using a minified version alongside its associated source-map file?

Currently, I am tackling a project that involves statically analyzing JavaScript code. The challenge lies in the fact that for certain libraries, I am limited to only having a minified version of the file along with its corresponding source-map. Are ther ...

javascriptnode.jsminifysource-maps

What is the process of parsing a Java property file in AngularJS?

Is it possible to access a properties file from an AngularJS application that is located outside of the web server? For example, in Java we can access a property file deployed separately from the project. Is there a way to achieve this in AngularJS? I at ...

javascriptangularjs

Benchmark reveals that JSON encoding is faster than Avro encoding in PHP

Despite the widespread belief that Avro encoding is faster than JSON, my personal tests yielded surprising results. In all of my experiments, JSON consistently outperformed Avro by a significant margin. Could I be overlooking something crucial in my analys ...

phpjsonavrobenchmarkingjsonencoder

Trigger an event when the menu is outside the viewport and then lock the menu to the top of the viewport

I am trying to create a menu element that remains fixed at the top of the browser viewport as the user scrolls, ensuring it is always visible. In my webpage layout, the menu sits below some text in the header initially. Once the user scrolls past the heade ...

javascriptjqueryhtmlcss