首页 > 软件开发 > JavaScript >

如何使用JavaScript Array对象判断元素是否包含

来源:互联网 2023-03-16 23:58:20 122

在JavaScript中的Array对象中的方法中,includes()方法判断数组中某个元素是否存在,返回值为true或false;而indexOf和lastIndexOf是判断某个元素出现的第一次的位置,如果不存在返回-1.下面利用几个实例说明这三个方法的用法,操作如下:VgJ办公区 - 实用经验教程分享!

如何使用JavaScript Array对象判断元素是否包含VgJ办公区 - 实用经验教程分享!

工具/原料

  • HBuilder
  • JavaScript
  • HTML5
  • 浏览器
  • 截图工具

方法/步骤

  • 1

    第一步,在HBuilder工具中,新建一个静态页面,并声明一个数组ki,调用includes()方法判断元素是否包含,如下图所示:VgJ办公区 - 实用经验教程分享!

    如何使用JavaScript Array对象判断元素是否包含VgJ办公区 - 实用经验教程分享!

  • 2

    第二步,保存代码并在浏览器控制台查看打印结果,返回值为true,说明该元素存在数组中,如下图所示:VgJ办公区 - 实用经验教程分享!

    如何使用JavaScript Array对象判断元素是否包含VgJ办公区 - 实用经验教程分享!

  • 3

    第三步,接着再次修改调用的方法,改为indexOf(),这个方法返回元素出现第一次的位置,如下图所示:VgJ办公区 - 实用经验教程分享!

    如何使用JavaScript Array对象判断元素是否包含VgJ办公区 - 实用经验教程分享!

  • 4

    第四步,再次保存代码并在浏览器控制台中,查看到打印结果为-1,说明元素不存在,如下图所示:VgJ办公区 - 实用经验教程分享!

    如何使用JavaScript Array对象判断元素是否包含VgJ办公区 - 实用经验教程分享!

  • 5

    第五步,返回到HBuilder编辑工具,修改调用方法为contains(),如下图所示:VgJ办公区 - 实用经验教程分享!

    如何使用JavaScript Array对象判断元素是否包含VgJ办公区 - 实用经验教程分享!

  • 5该信息非法爬取自百度经验
  • 6

    第六步,结果出现了报错,将其改为lastIndexOf()方法,查看打印结果,如下图所示:VgJ办公区 - 实用经验教程分享!

    如何使用JavaScript Array对象判断元素是否包含VgJ办公区 - 实用经验教程分享!

    如何使用JavaScript Array对象判断元素是否包含VgJ办公区 - 实用经验教程分享!

  • 注意事项

    • 注意includes()方法和indexOf()方法的区别
    • 注意indexOf和lastIndexOf方法的异同点

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!VgJ办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码