What is the best way to obtain a list of all product names?

Question

What is the best way to obtain a list of all product names?

I need to extract only the names of the objects (cat, dog, bird)

/// Names of objects I want to retrieve ///

 var storage = [
    {cat: {name: "Garfield", count: 3443, price: 1000}},
    {bird: {name: "Eagle", count: 4042, price: 3000}},
    {dog: {name: "Rex", count: 1488, price: 2000}}
    ];

    function  extractObjectNames(storage) {
        var keys = [];
        for(var key in storage) {
            keys.push(key);
            if(typeof storage[key] === "object") {
                var subkeys = extractObjectNames(storage[key]);
                keys = keys.concat(subkeys.map(function(subkey) {
                    return key + "." + subkey;
                }));
            }
        }
        console.log(keys);
        return keys;
    }
    extractObjectNames(storage);

javascript

Answer 1

Answer №1

If you want to extract the first key of objects in an array, you can achieve this by utilizing Array#map to iterate over the array and retrieve the property using Object.values.

function  extractFirstKeys(data) {
    return data.map(obj => Object.values(obj)[0].name);
}

var data = [{ cat: { name: "Garfield", count: 3443, price: 1000 } }, { bird: { name: "Eagle", count: 4042, price: 3000 } }, { dog: { name: "Rex", count: 1488, price: 2000 } }];

console.log(extractFirstKeys(data));

Answer 2

If you want to extract the first key of objects in an array, you can achieve this by utilizing Array#map to iterate over the array and retrieve the property using Object.values.

function  extractFirstKeys(data) {
    return data.map(obj => Object.values(obj)[0].name);
}

var data = [{ cat: { name: "Garfield", count: 3443, price: 1000 } }, { bird: { name: "Eagle", count: 4042, price: 3000 } }, { dog: { name: "Rex", count: 1488, price: 2000 } }];

console.log(extractFirstKeys(data));

Answer 3

Answer №2

let animals = [
    {lion: {name: "Simba", count: 1000, price: 5000}},
    {elephant: {name: "Dumbo", count: 2000, price: 8000}},
    {zebra: {name: "Marty", count: 500, price: 3000}}
    ];
let species = []; 
animals.map(function(animal){
  species.push(Object.keys(animal)[0]);
})
console.log(species);

Answer 4

let animals = [
    {lion: {name: "Simba", count: 1000, price: 5000}},
    {elephant: {name: "Dumbo", count: 2000, price: 8000}},
    {zebra: {name: "Marty", count: 500, price: 3000}}
    ];
let species = []; 
animals.map(function(animal){
  species.push(Object.keys(animal)[0]);
})
console.log(species);

Answer 5

Answer №3

Using a basic for...in loop

var counter = 0;
var list = []
var data = [
    {cat: {name: "Garfield", count: 3443, price: 1000}},
    {bird: {name: "Eagle", count: 4042, price: 3000}},
    {dog: {name: "Rex", count: 1488, price: 2000}}
    ];

for(counter in data) {
      list.push(Object.values(data[counter])[0].name)
}
console.log(list)

Answer 6

Using a basic for...in loop

var counter = 0;
var list = []
var data = [
    {cat: {name: "Garfield", count: 3443, price: 1000}},
    {bird: {name: "Eagle", count: 4042, price: 3000}},
    {dog: {name: "Rex", count: 1488, price: 2000}}
    ];

for(counter in data) {
      list.push(Object.values(data[counter])[0].name)
}
console.log(list)

Answer 7

Answer №4

Consider using this code snippet for situations where each storage object contains multiple products:

let productList = [];
storage.forEach((object) => {productList.push(...Object.keys(object))})
console.log(productList)

Answer 8

Consider using this code snippet for situations where each storage object contains multiple products:

let productList = [];
storage.forEach((object) => {productList.push(...Object.keys(object))})
console.log(productList)

What is the best way to obtain a list of all product names?

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Facing an issue where the CSS class name is not displaying correctly when utilizing CSS Modules with my React

What is the best way to use selenium for iterating through multiple pages on a website?

Saving the output of an AngularJS expression in an input field

Is there a way to retrieve the properties of another function within the same component?

Ways to efficiently transmit pre-designed HTML components from a WebMethod to jQuery

PhantomJS: Saving SVG for Future Use

What is the process for linking read-only methods to Redux object instances?

A guide on breaking down the ID passed from the backend into three segments using React JS

What is the best way to display input data (with names and values) in a textarea field

What could be causing the browser to become unresponsive when making several AJAX requests to the same ASP.NET MVC action at once?

Restarting the timer in JavaScript

What is the best way to implement window.load in React Native?

What is the best way to include the existing query string value in the hyperlinks on my page?

Updating controller variables when the route changes in AngularJS

The array functions properly when handwritten, but fails to work when loaded from a text file

Utilize anonymous functions to reassign the button click event - JQuery

Why is my md-button in Angular Material displaying as full-width?

Using React JS to automatically execute an event based on a specific state value

Using JavaScript, redirect to a specified URL once a valid password has been entered on an HTML form

Shift div position when clicked and employ jQuery animations