Accessing values from a JSON object in AngularJS without using a loop based on another field

Is there a way to extract the "value" associated with the "name" in JSON using Angular JS without having to iterate through the array? For instance, if I have an array like the one below with name and value fields, how can I retrieve the value "ABC" based on the name "a" without iteration in the script?

$scope.array = [{"name":"a","value":"ABC"},{"name":"b","value":"GHI"},{"name":"c","value":"EFG"}];

Is it possible to achieve something similar to this?

$scope.value = $scope.array.name["a"].value;
javascriptjsonangularjs

Answer №1

If you're looking to avoid iterating through an array, consider using the filter method like so:

$scope.array.filter(function(obj){ return (obj.name=="a"); })[0].value;//ABC

However, keep in mind that this approach still involves iteration over the array.

Another option is to utilize Underscore.js, which provides a find function that can handle cases like this:

_.find($scope.array, function(item) {
    return item.name == "a";
});

Ultimately, these solutions all rely on some form of iteration to achieve your desired outcome.

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

What could be causing the sudden disappearance of the button?

There is an element with the ID "alpha" that contains the text "Now I'm here...". When the button is clicked, only the text should be removed, not the button itself. <div id="alpha">Now I'm here...</div> <button type="button" oncl ...

javascripthtmldom

.forEach returns an undefined value for each length

Having trouble with my if statement. It seems like the else block is working fine, but the if section is not functioning as expected. The variable count1 comes out as undefined. Interestingly, the conditions inside the if statement are working correctly ...

javascriptjqueryeach

I'm facing an issue where TailwindCSS fails to stretch my VueJS application to full screen width

My components are all contained within a div with classes flex-row, w-screen, and content-center. However, when I switch to reactive/mobile mode on the browser, it only takes up about 2/3 of the screen and doesn't fill up the remaining space. Below i ...

javascripthtmlcssvue.jstailwind-css

Encountered an issue while trying to register a service worker: "[ERROR] Cannot import statement outside

With the utilization of register-service-worker, the boilerplate for registerServiceWorker remained untouched. /* eslint-disable no-console */ import { register } from 'register-service-worker'; if (process.env.NODE_ENV === 'production&ap ...

javascriptvue.jsimportservice-workerecmascript-5

Using MIPS Assembly Language: Displaying Register Content on Screen

I'm working on replicating a simple form of debugging in MIPS similar to javascript. I am wondering how I can achieve the equivalent of this ($t0 represents a javascript variable here): console.log($t0); In simpler terms, I am looking for the metho ...

javascriptdebuggingmips

Load external JSON file using THREE.JSONLoader (excluding models)

I'm attempting to use THREE.JSONLoader to load a JSON file that contains coordinates, not a JSON model. Here's what I'm aiming to achieve: var loader = new THREE.JSONLoader(); loader.load("coordinates.json", function(result) { console.log ...

javascriptjsonthree.js

What is the best way to loop through and manipulate a Js.Json.t that is in array form?

Currently, I am faced with the challenge of decoding a JSON array that is of type Js.Json.t, rather than array(Js.Json.t). After calling Js.log(jsonList), it becomes apparent that the data is indeed an array. However, I am unsure about how to iterate over ...

jsonreasonbucklescriptrescript

Guide on how to initiate a file download with text area content by clicking an HTML button

I came across this code snippet on GeeksforGeeks, and it partially solves an issue I was facing. <script> function download(file, text) { //creating an invisible element var element = document.createElement('a'); ...

javascriptphphtmljquerycss

Displaying the structure of a MongoDB database using Express and Angular in a tabular format

I am looking to present the data from MongoDB in a table format using HTML along with Node.js, Express.js, and Angular.js. Currently, my approach is as follows: route.js app.get('/superhero', function(req, res) { superhero.superhero_list(r ...

htmlangularjsnode.jsmongodbexpress

Flask application failing to return JSON error messages

I am currently developing a Flask application and utilizing this code snippet to ensure that all errors are returned in JSON format instead of HTTP. Although I am still learning about Flask, my understanding of the snippet is that it should replace all er ...

pythonjsonflask

Is there a way to stabilize a section or content that bounces as I scroll?

Whenever I scroll up or down, there is a section on my page where I have implemented scroll magic. However, as I scroll through this section, it starts to jump until it reaches the position where I want it to be with transform:translateY(0). I am unsure h ...

javascriptjquerycssscrollmagic

Instructions on inserting an IFRAME using JavaScript into dynamically loaded content via AJAX

How can I dynamically add an IFRAME using JavaScript to content that is refreshed via AJAX? Consider the following example: $('#bar').delegate('.scroll-content-item span a', 'click', function() { var object_id = $(this).p ...

javascriptajaxiframedynamic

Why does the Hamburger Menu shift my website's logo when it opens?

I'm in the process of implementing a hamburger menu on my website. My attempts have involved adjusting the positioning of both the #logo and .topnav elements. Code Snippet source function myFunction() { var x = document.getElementById("myTopn ...

javascripthtmlcss

Encountered an error when attempting to submit with Node.js and Express.js connected to MySql - "Cannot POST /login

I am currently working on creating a basic login page using node.js with the express.js and mysql packages. The goal is to redirect users to the layout.html page if their username and password exist in the mysql database. For this project, I have set up a ...

javascripthtmlmysqlnode.jsexpress

Attempting to input data into elements that have been generated automatically

Trying to set values to elements with automatically generated id's: This code is functional: <input type="tekst" id="<?php echo $item->getId();?>"> <script> document.getElementById("<?php echo $item->getId();?>").v ...

javascriptphphtmlmysqldatabase

Is there a way to update page content without having to refresh the entire page?

My goal is to refresh specific content on a page without having to reload the entire page using JavaScript or jQuery. Since my project is built in PHP and JavaScript, I encountered this issue. Note : I want the page content to refresh when a user performs ...

javascriptphpjqueryhtmlajax

Is Angular automatically assigned to `window.angular` on a global level when it is loaded as a CommonJS module?

When I import Angular 1.4 in my Webpack build entry point module as a CommonJS module using var angular = require("angular");, it somehow ends up being accessible in the global namespace of the browser (as window.angular). Upon examining the source code o ...

javascriptangularjs

Forge: Securely encrypting massive files

I rely on the forge framework for implementing PGP functionality, specifically for encrypting large files (2gb or larger) while minimizing RAM usage. What would be the most efficient approach to achieve this? ...

javascriptnode.jscryptographyforge

Parsing JSON data into a Go interface{}

I am facing an issue with a struct that has a field of type interface{}. When caching it using memcached (https://github.com/bradfitz/gomemcache), the struct gets marshalled into JSON and then unmarshalled back into the struct upon retrieval from the cac ...

jsongomemcached

Handling undefined properties by defaulting to an empty array in ES6

In the code snippet below, I am attempting to extract barNames from an object named bar: const {[id]: {'name': fooName} = []} = foo || {}; const {'keywords': {[fooName]: barNames}} = bar || []; Please note that although fooName exi ...

javascriptecmascript-6