Helpful JavaScript Utility Functions

Nowadays, JavaScript is one of the most popular programming languages in the world. It is used by many companies such as Google, Facebook, Microsoft, etc. to build web applications. JavaScript is a very powerful language that can be used to build complex web applications. It is also a very flexible language that can be used to build simple web applications as well.

In this article, I will list out some of the most helpful JavaScript utility functions that I have used in my projects.

1. Get values by specific key from an object

This function will return an array of values that match the given key from an object.

Source code 📃

Get all values of specific key in object

/**
 * Get all values of specific key in object
 * @param {object} obj A javascript object to get values
 * @param {string} key A key of object
 * @returns 
 */
function GetValuesByKey(obj, key) {
    let values = [];
    for (let i in obj) {
        if (!obj.hasOwnProperty(i)) continue;
        if (typeof obj[i] == 'object') {
            values = values.concat(GetValuesByKey(obj[i], key));
        } else if (i == key) {
            values.push(obj[i]);
        }
    }
    return values;
}

Try this 🧑‍💻

Live Editor

function GetValuesByKey(obj, key) { let values = []; for (let i in obj) { if (!obj.hasOwnProperty(i)) continue; if (typeof obj[i] == 'object') { values = values.concat(GetValuesByKey(obj[i], key)); } else if (i == key) { values.push(obj[i]); } } return values; } const data = { "id": 1, "name": "Item 1", "link": "/item-1", "relatedItems": [ { "id": 2, "name": "Item 2", "link": "/item-2" }, { "id": 3, "name": "Item 3", "link": "/item-3" }, { "id": 4, "name": "Item 4", "link": "/item-4" } ] } var result = GetValuesByKey(data, "link"); render(JSON.stringify(result));

function GetValuesByKey(obj, key) {
    let values = [];
    for (let i in obj) {
        if (!obj.hasOwnProperty(i)) continue;
        if (typeof obj[i] == 'object') {
            values = values.concat(GetValuesByKey(obj[i], key));
        } else if (i == key) {
            values.push(obj[i]);
        }
    }
    return values;
}

const data = {
    "id": 1,
    "name": "Item 1",
    "link": "/item-1",
    "relatedItems": [
        {
            "id": 2,
            "name": "Item 2",
            "link": "/item-2"
        },
        {
            "id": 3,
            "name": "Item 3",
            "link": "/item-3"
        },
        {
            "id": 4,
            "name": "Item 4",
            "link": "/item-4"
        }
    ]
}

var result = GetValuesByKey(data, "link");
render(JSON.stringify(result));

Result

Loading...