How to check if object with some data is in array in javascript? [duplicate]

Question

The programming language that I am currently using is Vue. I have some demo code right here:

<template>
  <button @click="checkInList">Check</button>
</template>

<script>
import { ref } from "@vue/reactivity";

export default {
  name: "App",
  setup() {
    const firstInput = ref("");
    const secondInput = ref("");
    const list = ref([
      { name: "lava", kind: "liquid" },
      { name: "air", kind: "gas" },
      { name: "water", kind: "liquid" },
      { name: "earth", kind: "object" },
    ]);
    const checkInList = () => {
      if (list.value.includes({ name: "lava", kind: "liquid" })) {
        console.log("array includes lava");
        // here I want to return the kind of that element, which will be liquid
      }
    };

    return {
      firstInput,
      secondInput,
      checkInList,
    };
  },
};
</script>

So how can I check if list contains the object with name lava and then return the kind of that object, which will be liquid?

You should use find(), Check MDN docs here developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — Nader
– Nader, Commented Apr 1, 2022 at 18:57

Nikola Pavicevic · Accepted Answer · 2022-04-01 19:00:28Z

You can use find and return field that you want:

const { ref } = Vue
const app = Vue.createApp({
  setup() {
    const firstInput = ref("");
    const secondInput = ref("");
    const list = ref([
      { name: "lava", kind: "liquid" },
      { name: "air", kind: "gas" },
      { name: "water", kind: "liquid" },
      { name: "earth", kind: "object" },
    ]);
    const checkInList = () => {
      return list.value.find(l => l.name.includes(firstInput.value)).kind
    };

    return {
      firstInput,
      secondInput,
      checkInList,
    };
  },
})
app.mount('#demo')

So how can I check if list contains the object with name lava and then return the kind of that object, which will be liquid?

<script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
<div id="demo">
  <button @click="checkInList">Check</button>
  <input v-model="firstInput" />
  <p>{{ checkInList() }}</p>
</div>

Collectives™ on Stack Overflow

How to check if object with some data is in array in javascript? [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related