Discovering the identity of an item

Question

Discovering the identity of an item

Assume I have some JavaScript code like this:

Foo = {
    alpha: { Name: "Alpha", Description: "Ipso Lorem" },
    bravo: { Name: "Bravo", Description: "Nanu, Nanu" },
    delta: { Name: "Fly with me", Description: "Klaatu barata nikto" }
};

Table = [ Foo.alpha, Foo.bravo, Foo.delta];

x = Table[1];

Is there a way to extract the identifier bravo from x? While I could easily access x.Name or x.Description, my goal is to obtain the name in a different context without adding redundant identifiers. Any insights on solving this dilemma would be greatly appreciated.

My intuition suggests that it's not possible, but maybe someone out there knows a clever workaround.

javascript

Answer 1

Answer №1

Bar = {
    apple: { Name: "Apple", Description: "Lorem Ipsum" },
    banana: { Name: "Banana", Description: "Alakazam" },
    cherry: { Name: "Cherry Bomb", Description: "Abracadabra" }
};

Table2 = [ ];
for(let value in Bar){
  let object = Bar[value];
  object = {...object , id:value }
  Table2.push(object)
}
y = Table2[1];
console.log(y)

Answer 2

Bar = {
    apple: { Name: "Apple", Description: "Lorem Ipsum" },
    banana: { Name: "Banana", Description: "Alakazam" },
    cherry: { Name: "Cherry Bomb", Description: "Abracadabra" }
};

Table2 = [ ];
for(let value in Bar){
  let object = Bar[value];
  object = {...object , id:value }
  Table2.push(object)
}
y = Table2[1];
console.log(y)

Answer 3

Answer №2

If it were up to me, I would opt for using a Proxy ...

const _Bar = {
    apple: { Type: "Apple", Color: "Red" },
    banana: { Type: "Banana", Color: "Yellow" },
    cherry: { Type: "Cherry", Color: "Red" }
};
const Bar = new Proxy(_Bar, {
    get(target, key) {
        if (target.hasOwnProperty(key)) {
           return {...target[key], key};
        }
        return target[key];
    }
});
const Array = [ Bar.apple, Bar.banana, Bar.cherry ];
console.log(Array[0])

Answer 4

If it were up to me, I would opt for using a Proxy ...

const _Bar = {
    apple: { Type: "Apple", Color: "Red" },
    banana: { Type: "Banana", Color: "Yellow" },
    cherry: { Type: "Cherry", Color: "Red" }
};
const Bar = new Proxy(_Bar, {
    get(target, key) {
        if (target.hasOwnProperty(key)) {
           return {...target[key], key};
        }
        return target[key];
    }
});
const Array = [ Bar.apple, Bar.banana, Bar.cherry ];
console.log(Array[0])

Discovering the identity of an item

Answer №1

Answer №2

Similar questions

What is the meaning of MVVM "binder" and how is it used?

Execute JavaScript code via URL injection

Adapting npm scripts with Node.js based on the current context

What is the best way to delete a particular tag using jQuery?

Consistently encountering incorrect values during onClick events

Divide Angular ngFor into separate divs

Data sent through AJAX messaging is not being acknowledged

Is it possible to modify the host header within an Angular app?

Using Javascript, send text from a textbox to an ActionResult in ASP.NET MVC using AJAX

Leveraging parameters within a sequence of object properties

The Jquery script is ineffective for newly added elements

The keys within a TypeScript partial object are defined with strict typing

Strategies for selecting glyphs in SVG fonts based on their Unicode properties

Determine future dates based on selected date and time

Utilizing hover effects and timeouts to conditionally show React components

Transforming react.js into HTML and CSS programming languages

Moving a Node project to a different computer

Stop Stripe checkout if all other fields are left empty

Can you include both a routerLink and a click event on the same anchor tag?

I am getting text content before the input element when I log the parent node. What is causing this issue with the childNodes