Guide on comparing an object against an array and retrieving a specific output

Question

Guide on comparing an object against an array and retrieving a specific output

If I were to create a data structure like this:

const carObj = {"1234":"Corvette","4321":"Subaru","8891":"Volvo"};

And also have an array that contains the IDs:

const myArray = [1234, 4321, 8891, 1234, 4321]

I am looking for a way, using a loop or function, to iterate through the object and return the corresponding values based on the keys. This implementation is within vue.js as part of a computed method. Any assistance on achieving this would be greatly appreciated.

Desired result:

Corvette
Subaru
Volvo
Corvette
Subaru

javascript arrays vue.js

Answer 1

Answer №1

To create a new array based on the keys of an object, simply map over the numbers array:

 const newArray = myArray.map(item=>carObj[item])

You can also use computed properties for dynamic results:

computed:{
   result(){
        return this.myArray.map(item=>this.carObj[item])
      }

}

Answer 2

To create a new array based on the keys of an object, simply map over the numbers array:

 const newArray = myArray.map(item=>carObj[item])

You can also use computed properties for dynamic results:

computed:{
   result(){
        return this.myArray.map(item=>this.carObj[item])
      }

}

Answer 3

Answer №2

const vehicleCollection = {"1234":"Mustang","4321":"Toyota","8891":"Honda"};
const myCarArray = [1234, 4321, 8891, 1234, 4321];

myCarArray.forEach((car) => {
  console.log(vehicleCollection[car]);
});

Answer 4

const vehicleCollection = {"1234":"Mustang","4321":"Toyota","8891":"Honda"};
const myCarArray = [1234, 4321, 8891, 1234, 4321];

myCarArray.forEach((car) => {
  console.log(vehicleCollection[car]);
});

Guide on comparing an object against an array and retrieving a specific output

Answer №1

Answer №2

Similar questions

Waiting for state changes in React by using the UseState Hook

Node.js user update complete

To properly display text strings in your application, ensure they are enclosed within a <Text> component in React Native. This is crucial

Performing unit testing on two services that reside in separate modules using the Jasmine testing framework

Ways to implement a fixed navigation bar beneath the primary navbar using ReactJS

There was a TypeError that was not caught in the promise, stating that the function window.showOpenFilePicker is not valid

"Cookie Magic: Unleashing the Power of Ajax and

Unable to use addEventListener on media queries exceeding 768px

Vuetify Event Calendar

Creating dynamic logos with vue.js

Ways to conceal an element when it appears in the initial section of a page

Adjust the position of the object in relation to its current orientation

Is it possible to merge a variable within single quotes in XPath?

Every time Chrome on Android returns a keyCode of 229

What is the reason for the lack of data being displayed when using console.log() with a map object?

Conceal the sidebar menu by clicking anywhere outside of the menu bar or the designated button

Troubleshooting Automatic Scrolling Problems in React Virtualized

Implementing autocomplete feature with JQuery by using a handler

Changing Axios requests to send data as a JSON objectDo you need to know how

Get the value of a JSON in template strings