Retrieve a JSON object from a Knockout observable array using the object's ID

Question

Retrieve a JSON object from a Knockout observable array using the object's ID

I'm struggling to find examples of ko.observablearrays that deal with complex JSON objects instead of simple strings. I have an observable array containing a large JSON object with several properties, and I need to retrieve a specific object based on its id property. Here's the code snippet I currently have for getting the Id:

self.selectedOrgId.subscribe(function (currentOrgId) {
    alert(currentOrgId);
}, self);

The observable array is populated using an ajax get request and looks something like this:

[
{"userGuid":"37ab100e-f97b-462a-b3f4-79b8fbe24831",
"orgId":1,
"orgName":
"company ltd",
"isHiring":true,
...snip...}
   more...
]

Could someone help me figure out how to search through my array and retrieve the object with the matching orgId?

javascript arrays json knockout.js

Answer 1

Answer №1

In order to locate a specific item by its id, you can utilize the ko.utils.arrayFirst method like so:

var itemId = '1';
var selectedItem = ko.utils.arrayFirst(this.items(), function(item) {
    return item.orgId == itemId;
});

Alternatively, you have the option to create a computed property that retrieves the selected item based on its id.

self.selectedItem = ko.computed({
    read : function(){
        return ko.utils.arrayFirst(this.items(), function(item) {
            return this.selectedOrgId() == item.orgId;
        });
   },
   owner : self
});

Answer 2

In order to locate a specific item by its id, you can utilize the ko.utils.arrayFirst method like so:

var itemId = '1';
var selectedItem = ko.utils.arrayFirst(this.items(), function(item) {
    return item.orgId == itemId;
});

Alternatively, you have the option to create a computed property that retrieves the selected item based on its id.

self.selectedItem = ko.computed({
    read : function(){
        return ko.utils.arrayFirst(this.items(), function(item) {
            return this.selectedOrgId() == item.orgId;
        });
   },
   owner : self
});

Retrieve a JSON object from a Knockout observable array using the object's ID

Answer №1

Similar questions

Verifying the functionality of a custom directive in Angular 2 (Ionic 2) through unit

In Vue using Typescript, how would I go about defining a local data property that utilizes a prop as its initial value?

How can you bypass classList being `undefined` in older browsers?

After the ajax call has finished loading the page, I would like to toggle a particular div

What is the best way to insert a React component or raw HTML into another React component?

Python: Choosing the top 4 items from a JSON array

Updating Select Options Disabled/Enabled in Angular 2

Implementing a watcher property in JavaScript to dynamically add a class to an element

Retrieving JSON information from a URI in PHP without relying on cURL

Add unique content to a div upon page reload

What are the problems with Internet Explorer in Selenium WebDriver?

What are the steps to switch the dropdown values?

Guide on redirecting a server URL to another URL when users access it through a static QR code

Error: Accessing Undefined Property in Node-SQLite

Conceal virtual keyboard on mobile when in autocomplete box focus

Merge JavaScript Functions into a Single Function

How to troubleshoot an Ionic exception occurring during the execution of any Ionic command?

Detect when a user's mouse is hovering over an iframe and escape the iframe accordingly

Having trouble parsing a JSON Array containing sub arrays and objects

What is the best way to customize the styles of a reusable component in Angular2?