Searching for array items by a list of values using JSON and JavaScript

Question

Searching for array items by a list of values using JSON and JavaScript

My JSON array looks like this:

[
    {
        French: 'Hello',
        Spanish: 'Hello1',
        english:'Hello2'
    },{
        French: 'Hello3',
        Spanish: 'Hello4',
        english:'Hello5'
    },{
        French: 'Hello6',
        Spanish: 'Hello7',
        english:'Hello8'
    },{
        French: 'Hello9',
        Spanish: 'Hello10',
        english:'Hello81'
    }
];

In a JavaScript array, I want to be able to search for items based on their values.

For example, if I input "Hello6" as the search string, I should retrieve the 3rd item in the list. I'm looking for a generic search function rather than having to manually search through each element.

javascript arrays json

Answer 1

Answer №1

Give this approach a shot:

function findIndex(arr, str) {
    for (var i = 0; i < arr.length; i++) {
        for (var key in arr[i]) {
            if (arr[i][key] === str) {
                if (arr[i].hasOwnProperty(key) {
                    return arr[i];
                }
            }
        }
    }
    return null;
}

This solution involves searching through an array using a traditional for loop, and then iterating over each element within the array with a for..in loop.

Answer 2

Give this approach a shot:

function findIndex(arr, str) {
    for (var i = 0; i < arr.length; i++) {
        for (var key in arr[i]) {
            if (arr[i][key] === str) {
                if (arr[i].hasOwnProperty(key) {
                    return arr[i];
                }
            }
        }
    }
    return null;
}

This solution involves searching through an array using a traditional for loop, and then iterating over each element within the array with a for..in loop.

Answer 3

Answer №2

I have written a code snippet below that demonstrates the use of built-in functions:

let data = [/*your data sample*/];
let searchValue = "World7";

let filteredResult = data.filter(function (dataItem) { 
    return Object.keys(dataItem).some(function (key) { 
        return dataItem[key] === searchValue; 
    });
});

Answer 4

I have written a code snippet below that demonstrates the use of built-in functions:

let data = [/*your data sample*/];
let searchValue = "World7";

let filteredResult = data.filter(function (dataItem) { 
    return Object.keys(dataItem).some(function (key) { 
        return dataItem[key] === searchValue; 
    });
});

Answer 5

Answer №3

Here's a way to filter an array using the filter function:

var value = "Hello6";
// Filtering the array
filteredArray = jsonArray.filter(function(obj, index){
    for(var key in obj){
        if(obj[key] == value) return obj;
    }
});

var indexes=[];
// Finding the results
jsonArray.forEach(function(obj, index){
    for(var key in obj){
        if(obj[key] == value){
            indexes.push(index);
            break;
        }
    }
});

Answer 6

Here's a way to filter an array using the filter function:

var value = "Hello6";
// Filtering the array
filteredArray = jsonArray.filter(function(obj, index){
    for(var key in obj){
        if(obj[key] == value) return obj;
    }
});

var indexes=[];
// Finding the results
jsonArray.forEach(function(obj, index){
    for(var key in obj){
        if(obj[key] == value){
            indexes.push(index);
            break;
        }
    }
});

Answer 7

Answer №4

An efficient method to retrieve elements from an array is by using traditional for loops:

function searchArray(arr, func) {
    for (var index = 0, length = arr.length; index < length; index++) {
        if (func(arr[index]) === true) return arr[index];
    }
}

For example:

var array = [{ a: 1 }, { a: 2 }, { a: 3 }];
var result = searchArray(array, function (element) {
    return element.a === 2;
});
result; // { a: 2 }

If dealing with a more intricate array:

var array = [
    { a: 1, b: 2 }, 
    { a: 3, b: 4 }, 
    { a: 5, b: 6 }
];
var result = searchArray(array, function (element) {
    for (var key in element) {
        if (element[key] === 4) return true;
    }
});
result; // { a: 3, b: 4 }

Answer 8

An efficient method to retrieve elements from an array is by using traditional for loops:

function searchArray(arr, func) {
    for (var index = 0, length = arr.length; index < length; index++) {
        if (func(arr[index]) === true) return arr[index];
    }
}

For example:

var array = [{ a: 1 }, { a: 2 }, { a: 3 }];
var result = searchArray(array, function (element) {
    return element.a === 2;
});
result; // { a: 2 }

If dealing with a more intricate array:

var array = [
    { a: 1, b: 2 }, 
    { a: 3, b: 4 }, 
    { a: 5, b: 6 }
];
var result = searchArray(array, function (element) {
    for (var key in element) {
        if (element[key] === 4) return true;
    }
});
result; // { a: 3, b: 4 }

Searching for array items by a list of values using JSON and JavaScript

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

There was a type error that occurred because the property 'addEventListener' could not be read from an undefined value

The DIV element is failing to fill the entire screen's width

Convert the Java.util.Map into a JSON schema declaration

How do I check the value of a JavaScript variable in an XSL choose statement?

What steps can I take to combine the values from an array of dictionaries?

Explore an array of elements to find the correct objectId stored in mongodb

Struggling to accurately determine the intersection face vertex positions in Three.js

Step-by-Step Guide: Unveiling a Particular Modal Post-Submission of Form with

Testing AG Grid's TypeScript in-line cell editing using Jest

Error: The configuration property is not defined, causing a TypeError at Class.run ~/node_modules/angular-cli/tasks/serve.js on line 22

Utilize JQuery to easily share content with line breaks on WhatsApp

Tips for creating a new row in an Angular 2 template

Receiving a "Maximum call exceeded" error when using Vue.js router guards for the beforeEach hook

What are the steps for launching a node.js application within vert.x?

Convenient methods in Three.js for easily detaching and attaching character weapons within a scene

Using jQuery and CSS to Filter and Sort Content

What are the steps to modify the sign in page on keystone.js?

How can multiple functions be grouped and exported in a separate file in Node.js?

Utilizing JavaScript variables to generate a custom pie chart on Google

Navigating Perl: Unraveling the Mysteries of Accessing Hashes Within an