Tips for choosing a specific value that matches a property value within a JSON dataset

Question

Tips for choosing a specific value that matches a property value within a JSON dataset

Is there a way to select a specific value in JSON based on another property value? For example, I would like to pass the configuration_code and retrieve the corresponding description.

configurations: Array(2)
  0:
  configuration_code: "SPWG"
  description: "Cuscade Cus Date"
  1:
  configuration_code: "KKS"
  description: "Krop Kret Sowel"
  ...

This is the code I have tried:

configDelete: function(index, config) {
  console.log(this.quote.configurations.find(x => x.configuration_code[config] == index).description);
}

When passing SPWG, it should log Cuscade Cus Date. Likewise, passing KKS should log Krop Kret Sowel.

However, my current code is not functioning as expected. How can I troubleshoot and fix this issue?

javascript vue.js

Answer 1

Answer №1

Check out this code snippet below:

const data = [
  {
    id: 'ABC123',
    name: 'John Doe'
  },
  {
    id: 'DEF456',
    name: 'Jane Smith'
  }
]

const getNameById = (data, id) =>
  data.find(
    item => item.id === id
  ).name

console.log(getNameById(data, 'ABC123'))
console.log(getNameById(data, 'DEF456'))

Answer 2

Check out this code snippet below:

const data = [
  {
    id: 'ABC123',
    name: 'John Doe'
  },
  {
    id: 'DEF456',
    name: 'Jane Smith'
  }
]

const getNameById = (data, id) =>
  data.find(
    item => item.id === id
  ).name

console.log(getNameById(data, 'ABC123'))
console.log(getNameById(data, 'DEF456'))

Answer 3

Answer №2

const displayDescription = (configs, code) => {
    let config = configs.find(c => c.type === code);
    console.log(config.description);
}

Check out the code snippet below:

const configurations = [{
        type: 'CCD',
        description: 'Cuscade Cus Date'
    },
    {
        type: 'KKS',
        description: 'Krop Kret Sowel'
    }
];

const displayDescription = (configs, code) => {
    let config = configs.find(c => c.type === code);
    console.log(config.description);
}

displayDescription(configurations, 'CCD');
displayDescription(configurations, 'KKS');

Answer 4

const displayDescription = (configs, code) => {
    let config = configs.find(c => c.type === code);
    console.log(config.description);
}

Check out the code snippet below:

const configurations = [{
        type: 'CCD',
        description: 'Cuscade Cus Date'
    },
    {
        type: 'KKS',
        description: 'Krop Kret Sowel'
    }
];

const displayDescription = (configs, code) => {
    let config = configs.find(c => c.type === code);
    console.log(config.description);
}

displayDescription(configurations, 'CCD');
displayDescription(configurations, 'KKS');

Tips for choosing a specific value that matches a property value within a JSON dataset

Answer №1

Answer №2

Similar questions

Implementing a Laravel Many-To-Many relationship with various functionalities

Obtaining the Div ID After Clicking on a Link

Suggestions for rendering this JSON format

Tips for inserting characters at the cursor in a contenteditable element?

JSON failing to show all values sent as a string

Add different input strings to an array within the scope when there is a change in the input value (AngularJS)

Ways to delete a property from an element that was originally included with jquery

What is the best way to interweave my objects within this tree using recursion?

Replacing JS/CSS include sections, the distinction between Debug and Release versions

Unfulfilled commitment on bcrypt

Modify the image inside a div when hovering

Unable to detect hover (etc) events after generating div elements with innerHTML method

When utilizing the multipart/form-data content type in a form, the files being sent are transmitted as blank

AngularJS allows for dynamic routing within applications

Three.js dynamic bone animation: bringing your project to life

Navigating the intricacies of platform-specific settings in JavaScript

Is there a way to eliminate a div and all its contents from the DOM?

What is the reason that the slick slider is unable to remove the class filter?

Establishing Connections to Multiple MySQL Databases Using Node.js

Introducing Vuetify 3's v-file-input with interactive clickable chips!