Vue判断字符串(或数组)中是否包含某个元素

2023-11-06

Vue判断字符串中是否包含某个字符串,方法有好多种,这里暂时先说我知道的两种,以后知道了别的,会继续更新!

  • 方法一:includes方法(数组,字符串都可以)

var str = “Hello World!”;
if(str.includes(“World”)){
}

数组兼用,举例如下:

let animals = [“cat”, “dog”, “pig”, “deer”]
animals.includes(“deer”) // true
animals.includes(“horse”) // false

该函数返回一个布尔值,表示该值是否存在。

  • 方法二:indexOf方法(数组,字符串都可以)

var str = “Hello World!”;
//注意:!=-1即为为真,可以找到得情况
if(str.indexOf(“World”) != -1){
}

数组兼用,举例如下:
在需要查找的元素的确切位置的情况下,可以使用indexOf(param)方法,该方法在指定的数组中查找param并返回其第一次出现的索引,如果数组不包含param则返回-1。
例如,我们可以在包含 grade 的数组中查找第一次出现的 grade:

let grades = [“A”, “B”, “C”, “D”]
grades.indexOf(“A”) // 0
grades.indexOf(“F”) // -1

  • 方法三 :search方法

var str = “Hello World!”;
//注意:!=-1即为为真,可以找到得情况
if(str.search(“World”) != -1){
}

  • 方法四:match方法
    该方法类似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置。

var str=‘12334’;
var reg=RegExp(/3/);
if(str.match(reg)){
//包含
}

  • 方法五:text方法
    如果字符串 string 中含有与 RegExpObject 匹配的文本,则返回 true,否则返回 false

var str = “123456”;
var reg = RegExp(/2/);
console.log(reg.test(str)); // true

  • 方法六:exec方法(数组可以,字符串未测)
    如果字符串 string 中含有与 RegExpObject 匹配的文本,则返回 true,否则返回 false

var str = “123456”;
var reg = RegExp(/2/);
if(reg.exec(str)){
//包含}

  • 方法七:some() 方法

在搜索对象时,include()检查提供的对象引用是否与数组中的对象引用匹配。有时候这不是我们想要的,因为对象可以有相同的字段和相应的值,但引用不同。
我们可以使用some()方法根据对象的内容进行搜索。some()方法接受一个参数,接受一个回调函数,对数组中的每个值执行一次,直到找到一个满足回调函数设置的条件的元素,并返回true。
为了更好地理解它,让我们看看一些 some()的实际应用:

let animals = [{name: “dog”}, {name: “horse”}, {name: “cat”}]
let element = {name: “cat”}
animals.some(animal => animal.name === element.name)

回调函数在前两种情况下返回 false,但在第三个情况下返回 true,因为名称匹配。 此后,some()暂停执行并返回 true。
由此可见,some()函数可帮助我们根据对象的内容搜索对象的存在。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Vue判断字符串(或数组)中是否包含某个元素 的相关文章

  • python os模块示例讲解

    os模块包含普遍的操作系统功能 提供了丰富的方法用来处理文件和目录以及一些系统相关的信息的获取 利用这个模块可以写出与平台无关的程序 比如就是使用os sep可以取代操作系统特定的路径分割符 本模块提供一种可移植的方式来使用依赖于操作系统的
  • Ubuntu上安装Boost C++以及Boost.Python的过程和经验

    由于实验的需要 想运行一下这个项目 https github com luckiezhou DynamicTriad 和所有科研相关类的repo一样 要真正用起来还得填很多坑 不得不说 这个repo的作者已经足够认真负责 但是要跑起来还是不
  • C++——const、指针和引用,深度理解

    const修饰符 const修饰符可以定义常量 相比define const修饰的常量的类型更为确定 而不是文本替换 在 C 中 const 也可以修饰对象 且一旦将对象定义为常对象之后 就只能调用类的 const 成员 包括 const
  • 感谢有你

    践行开源共创的精神 FISCO BCOS开源社区致力打造开放多元的开源联盟链生态 目前 社区已汇聚了超70000名社区用户 大家聚集于此碰撞观点 交流技术 围绕FISCO BCOS开发各类实用的应用组件 持续优化项目 并自发输出技术解析 使
  • 网络教育进入新里程碑?斯坦福大学教授创立的免费在线课程教育项目Coursera

    原文地址 http www 36kr com p 201273 html 近两年来 网络教育在国外可谓是非常的热门 无论是课程质量还是其模式都在不断走向成熟 由斯坦福大学两位教授创立的免费在线课程项目Coursera今天宣称 旗下有 5 门
  • request.getScheme() 使用方法

    今天在看代码时 发现程序使用了 request getScheme 不明白是什么意思 查了一下 结果整理如下 1 request getScheme 返回当前链接使用的协议 一般应用返回http SSL返回https 2 在程序中的应用如下

随机推荐

  • 电脑文件误删除恢复的解决办法

    有时候我们常常会头脑发热 把电脑中的一些重要文件不小心删除了 比如一些重要的图片或者文档 甚至还把回收站给清空了 怎么才能将误删除的文件找回来呢 可能大家会马上百度 会看到乱七八糟的找回误删除文件的方法 这些方法无非几种情况 1 软件下载下
  • 电脑ftp服务器信息,电脑上的ftp信息服务器地址

    电脑上的ftp信息服务器地址 内容精选 换一换 通常园区视频功能主要集中在存储和查看 视频分析和态势感知能力较弱 通过使用智能边缘平台与视频分析服务 提升视频分析和感知能力 实现智慧园区人脸识别检测功能 本实践需要使用到视频分析服务的边缘人
  • EXCEL中TEXTJOIN 函数的使用*

    EXCEL中TEXTJOIN 函数的使用 函数说明 textjoin 文本合并函数 函数组成 textjoin 分隔符 忽略空白单元格 字符串1 字符串2 字符串253 示例 需要将需要将左边的表格样式转换成右边的样式 操作步骤 1 将A列
  • Tensorflow2.x模型搭建的几种代码形式

    相信很多新手小白在才开始初学时就想要搭建自己的深度学习模型 但在看到每个风格不同的算法时 又会把前向传播 反向传播 和模型的搭建过程混淆 我总结了一下几种基于Tensorflow2 x搭建模型的代码 1 学习过程中最常见的数据切片 载入并预
  • cpu温度过高 ubuntu_联想拯救者Y7000P温度过高?Fn+Q配合XTU做温度和功耗测试

    Y7000P温度过高 Fn Q配合XTU做温度和功耗测试 国庆节入手Y7000P 机子很稳定 但是打大型游戏温度动辄90 以上 经常撞到95 温度墙 为了降低游戏中的温度 做了以下测试 Y7000P的i5 9300H功耗墙60W 78W 温
  • ecology9 系统文件常用说明

    这里写目录标题 数据库文件 操作异构系统数据库 白名单文件 日志框架的使用 数据库文件 D WEAVER ecology WEB INF prop weaver properties 操作数据库 public static void mai
  • golang - 函数的使用

    核心化编程 为什么需要函数 代码冗余问题 不利于代码维护 函数可以解决这个问题 函数 函数 为完成某一功能的程序指令 语句 的集合 称为函数 在 Go 中 函数分为 自定义函数 自己写的 系统函数 系统提供的 函数的定义 基本语法 func
  • 基于空间平滑MUSIC算法的相干信号DOA估计(1)

    空间平滑MUSIC算法 1 1 前言 在上一篇博客中有提到 当多个入射信号相干时 传统MUSIC算法的效果就会不理想 具体原因是多个入射信号相干时 有部分能量就会散发到噪声子空间 使得MUSIC算法不能对其进行有效估计 针对这种情况 解相干
  • Qt 的网络通信(TCP)

    基于TCP Qt的网络通信 在标准 C 没有提供专门用于套接字通信的类 所以只能使用操作系统提供的基于 C 的 API 函数 基于这些 C 的 API 函数我们也可以封装自己的 C 类 但是Qt 提供了封装好的套接字通信类 QTcpServ
  • 史上超强最常用SQL语句大全

    史上超强最常用SQL语句大全 DDL Data Definition Language 数据定义语言 一 操作库 二 操作表 DML Data Manipulation Language 数据操作语言 一 增加 insert into 二
  • 性能测试调优应该注意哪些要点,一般性能测试调优的步骤-Alltesting

    性能测试调优应该注意的要点 要点1 在应用系统的设计开发过程中 应始终把性能放在考虑的范围内 要点2 确定清晰明确的性能目标是关键 要点3 必须保证调优后的程序运行正确 要点4 系统的性能更大程度上取决于良好的设计 调优技巧只是一个辅助手段
  • steam上wallpaper静态壁纸如何提取高清图

    mirrors notscuffed repkg GitCode 将壁纸资源文件打开 把sene pkg与两个文件放在同目录下在 打开终端输入 RePKG exe extract scene pkg 目录下找到 output materia
  • map reduce takeaways

    首先是数据的partition share nothing parallel architecture 执行task的machine独立 各自处理自己的partition 不需要通信 暴露给用户的控制点只有2个 map function 和
  • 基于51单片机的水箱水位监测控制系统proteus仿真原理图PCB

    功能介绍 0 本系统采用STC89C52作为单片机 1 通过传感器监测水位 当水位低于水位下限时 接通加水水泵 直到水位达到水位上限 停止加水 2 水位低于水位下限时 声光报警 3 可按键手动加水 直到水位达到水位上限 停止加水 4 采用D
  • Axure基础:母版与内联框架

    一 母版 1 母版的作用 母版是解决了我们页面中的重复元素和同步改动的问题 举个例子在两个页面中假设都有这个元素和界面 那我如果我们不用母版 用常规手段就是复制黏贴 但这样没办法保证我们数据同步问题 如果改动其中一个元件 另一个元件没办法同
  • 陀螺解读

    出品 陀螺研究院 区块链是在数字世界围绕数据的记录 组织和传播创造的共建 共享 共治的应用范式 作为一种能够满足数字经济发展需求的关键技术 区块链可有效赋能产业转型 聚力推动产业经济价值 2019年10月24日 中共中央政治局明确把区块链作
  • 马氏距离-Mahalanobis Distance

    Mahalanobis距离是表示数据的协方差距离 它是一种有效的计算两个未知样本集的相似度的方法 与欧氏距离不同的是它考虑到各种特性之间的联系 与欧氏距离不同的是它考虑到各种特性之间的联系 例如 一条关于身高的信息会带来一条关于体重的信息
  • IDEA生成JSON字符串

    第一步 先书写以下基本程序 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 package cn lianxi cn lianxi json Author Wxz Date 2020 8 19 16 45 pu
  • UVa1614

    这道题是一道好题 我想了很久都没有想出合适的方案 这道题考了我们贪心 不确定 数学推导 确定 的能力 看来我的数学逻辑以及推理能力还需要加强啊 题意不说 直接上思路 由于1 lt ai lt i的条件 我们需要从这里入手求解 首先 我们需要
  • Vue判断字符串(或数组)中是否包含某个元素

    Vue判断字符串中是否包含某个字符串 方法有好多种 这里暂时先说我知道的两种 以后知道了别的 会继续更新 方法一 includes方法 数组 字符串都可以 var str Hello World if str includes World