Exploring JSON with JavaScript

Question

Exploring JSON with JavaScript

[
{"lastName":"Noyce","gender":"Male","patientID":19389,"firstName":"Scott","age":"53Y,"},
{"lastName":"noyce724","gender":"Male","patientID":24607,"firstName":"rita","age":"0Y,"}
]

The data above represents a JSON object.

var searchBarInput = TextInput.value;

for (i in recentPatientsList.length) {
 alert(recentPatientsList[i].lastName
}

I am successfully receiving alerts for the last names. Now, I have a text input where users can search for a specific value within the JSON data. In this case, they are searching for the last name value.

How can I extract the input value and use it to search within my JSON data?

javascript json

Answer 1

Answer №1

Here is an example of how to properly iterate over an array:

var searchBarInput = TextInput.value;

for (var i = 0; i < recentPatientsList.length; ++i) {
 alert(recentPatientsList[i].lastName);
}

It's important to use a for loop with an index variable when iterating over arrays, rather than using the "for ... in" mechanism.

To make a comparison between the text input and the "lastName" field of list entries, you would do something like this:

for (var i = 0; i < recentPatientsList.length; ++i) {
 if (searchBarInput === recentPatientsList[i].lastName) {
   alert("Found at index " + i);
 }
}

Answer 2

Here is an example of how to properly iterate over an array:

var searchBarInput = TextInput.value;

for (var i = 0; i < recentPatientsList.length; ++i) {
 alert(recentPatientsList[i].lastName);
}

It's important to use a for loop with an index variable when iterating over arrays, rather than using the "for ... in" mechanism.

To make a comparison between the text input and the "lastName" field of list entries, you would do something like this:

for (var i = 0; i < recentPatientsList.length; ++i) {
 if (searchBarInput === recentPatientsList[i].lastName) {
   alert("Found at index " + i);
 }
}

Answer 3

Answer №2

Avoid using for..in to loop through arrays; opt for a traditional for loop instead. If you need to retrieve objects with a specific last name, consider filtering the array.

var filteredObjects = patientsArray.filter(function(object) {
    return object.lastName === searchInput;
});

Answer 4

Avoid using for..in to loop through arrays; opt for a traditional for loop instead. If you need to retrieve objects with a specific last name, consider filtering the array.

var filteredObjects = patientsArray.filter(function(object) {
    return object.lastName === searchInput;
});

Exploring JSON with JavaScript

Answer №1

Answer №2

Similar questions

Building on the Vuejs3 and Vuex4 framework, create a conditional rendering feature that triggers upon

What is the functionality of this.$eval in Vue.js?

Error: The name property is not defined and cannot be read in the Constructor.render function

What is the best way to choose CSS class attributes using Mootools and the getStyle()

Error: "$$" not defined in this context

Problem with converting geopoint to JSON string

Navigating the website with curtain.js and anchor tags

DataGrid Component: Implementing a Button for Deleting Rows

Creating a new attribute within a JavaScript object by utilizing the properties of its sibling elements

Integrate a button following the first paragraph exclusively when there are two or more paragraphs present

Attempting to design a form that will trigger a print dialog box displaying all the information entered in the form

Finding the total number of nodes within a JSON string is a straightforward process that involves analyzing the

Angular: Leveraging Nested Callbacks for Efficient HTTP Queries

AngularJS Cascading Dropdowns for Enhanced User Experience

"The changes made to the list are not being accurately displayed by Angular's ng

Trouble with Chakra UI loading Images from local sources

Is there a substitute for System.Web.Helpers.Json.Encode() in .net core 3.1?

The ajax success response transforms when using @html.raw

Encountered an issue while trying to read properties of undefined (specifically 'meta') within a Vue 3 single-spa application

Leverage the Power of Multiple Markers on Google Maps with API Integration