El lenguaje de programación que estoy usando actualmente es Vue . Tengo un código de demostración aquí:
<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> Entonces, ¿cómo puedo verificar si la list contiene el objeto con el nombre lava y luego devolver el tipo de ese objeto, que será liquid ?
Puede usar el campo de búsqueda y devolución que desee:
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>