vue3 ["2025-01-08"] 这个数组中元素在["2025-01-08", "2025-01-09", "2025-01-10", "2025-01-11"]中有没有

如何在 Vue 3 中检查特定日期是否存在于给定的日期数组
为了验证 '2025-01-08' 是否存在于 ['2025-01-08', '2025-01-09', '2025-01-10', '2025-01-11'] 这样的字符串型日期数组中，在 JavaScript 和 Vue.js 应用程序里可以直接利用 Array 的方法来实现。
使用 includes 方法
JavaScript 提供了一个简单的方法叫做 includes() 来判断某个值是否在一个数组内。此方法返回布尔类型的 true 或 false 表明该元素是否存在于此数组之中[^1]。
const dateArray = ['2025-01-08', '2025-01-09', '2025-01-10', '2025-01-11'];
const targetDate = '2025-01-08';
const isExist = dateArray.includes(targetDate);
console.log(isExist); // 输出: true
登录后复制
如果目标是在 Vue 组件内部执行上述逻辑，则可以在 methods 属性定义函数并调用它：
<template>
<!-- 模板部分 -->
</template>

<script setup>
import { ref } from "vue";

// 定义数据列表和要查找的目标日期
let datesList = ref(['2025-01-08', '2025-01-09', '2025-01-10', '2025-01-11']);
let searchTarget = ref('2025-01-08');

function checkIfDateExists() {
let result = datesList.value.includes(searchTarget.value);
console.log(`The date ${searchTarget.value} exists?`, result);
}
checkIfDateExists();
</script>
登录后复制
这段代码展示了如何通过组合使用 <script setup> 语法糖以及 Composition API 下的响应式变量来进行操作。当页面加载完成之后，将会自动打印出指定日期的存在状态到浏览器控制台。