js includes方法的使用小结

 更新时间:2024年01月16日 15:09:20   作者:MartinYangHJ  
JavaScript中的数组includes()方法用于判断数组中是否包含指定的元素,并返回一个布尔值,这篇文章主要介绍了js includes方法的使用,需要的朋友可以参考下

js includes方法的使用

JavaScript中的数组includes()方法用于判断数组中是否包含指定的元素,并返回一个布尔值。

includes()方法的语法如下:

array.includes(searchElement[, fromIndex])

其中,array是要进行搜索的数组,searchElement是要搜索的元素,fromIndex是可选参数,表示从数组的哪个索引位置开始搜索,默认值为0,即从数组的起始位置开始搜索。

includes()方法会返回一个布尔值,如果数组中包含指定的元素,则返回true,否则返回false

下面是一个使用includes()方法的示例:

let fruits = ['apple', 'banana', 'orange', 'mango'];
console.log(fruits.includes('banana')); // 输出:true
console.log(fruits.includes('grape')); // 输出:false

上述代码会判断数组fruits中是否包含字符串'banana''grape',并返回相应的布尔值。

includes()方法也可以用来检查数组中是否包含NaN,因为NaN与任何值都不相等,包括自身。例如:

let numbers = [1, 2, NaN, 4, 5];
console.log(numbers.includes(NaN)); // 输出:true

上述代码会判断数组numbers中是否包含NaN,并返回true

需要注意的是,includes()方法是区分大小写的,它使用的是全等比较(===)。如果要进行不区分大小写的搜索,可以先将数组中的元素转换为小写或大写,然后再使用includes()方法进行搜索。例如:

let fruits = ['apple', 'banana', 'orange', 'mango'];
console.log(fruits.includes('APPLE'.toLowerCase())); // 输出:true

上述代码会将字符串'APPLE'转换为小写,并判断数组fruits中是否包含转换后的字符串'apple',并返回true

需要注意的是,includes()方法在ES2016(ES7)中引入,如果要在旧版本的JavaScript中使用该方法,可以使用其他方法进行替代,例如使用indexOf()方法。

js中的includes用法

js中的includes用法
1.数组
includes 可以判断一个数组中是否包含某一个元素,并返回true 或者false
['a','b','c'].includes('a')
true
['a','b','c'].includes(1)
false
includes可以包含两个参数,第二个参数表示判断的起始位置
起始位置第一个数字是0。
2.字符串
  查找字符串是否包含 "Runoob":
  var str = "Hello world, welcome to the Runoob。"; var n = str.includes("Runoob");
  n 输出结果:
  true

js-关于数组中includes()的使用方法

关于数组中includes()的使用方法

1.includes简单介绍说明 

1. includes()方法是用来判断一个数组是否包含一个指定的值,返回一个布尔值,如果是返回 true,否则false。

2. 其中,includes(a,b) 括号里第一个参数a为必选参数,表示要查找的某个参数;第二位b为可选参数,表示从某个索引位置开始查找,默认为零,若传的参数为负数,则用该数组的长度加上其值:arr.length+(-b)。

2.基础代码展示

const arr = [100,200,300,400];
arr.includes(300); // 返回值为true
arr.includes(1); // 返回值为false
arr.includes(100,2); //返回值为false

到此这篇关于js includes方法的使用的文章就介绍到这了,更多相关js includes方法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JavaScript中的 attribute 和 jQuery中的 attr 方法浅析

    JavaScript中的 attribute 和 jQuery中的 attr 方法浅析

    这篇文章主要介绍了JavaScript中的 attribute 和 jQuery中的 attr 方法浅析,需要的朋友可以参考下
    2017-01-01
  • BootStrap文件上传样式超好看【持续更新】

    BootStrap文件上传样式超好看【持续更新】

    这篇文章主要介绍了BootStrap文件上传样式非常好看,通过引入相关插件,实现此效果,非常具有参考借鉴价值,感兴趣的朋友快来一起学习吧
    2016-05-05
  • JavaScript切换搜索引擎的导航网页搜索框实例代码

    JavaScript切换搜索引擎的导航网页搜索框实例代码

    这篇文章主要介绍了javascript切换搜索引擎的导航网页搜索框的实例代码,非常不错,具有参考借鉴价值 ,需要的朋友可以参考下
    2017-06-06
  • JS实现的合并两个有序链表算法示例

    JS实现的合并两个有序链表算法示例

    这篇文章主要介绍了JS实现的合并两个有序链表算法,结合实例形式分析了JavaScript链表的定义、节点插入、删除、查找等相关算法实现技巧,需要的朋友可以参考下
    2019-02-02
  • D3.js实现树形图的绘制教程详解

    D3.js实现树形图的绘制教程详解

    树形图(Tree Diagram)是用来表示一个概率空间。树形图可以表示独立事件(例如多次掷硬币)和条件概率(例如不放回的抽卡)。本文将利用D3.js实现树形图的绘制,需要的可以参考一下
    2022-11-11
  • 小试小程序云开发(小结)

    小试小程序云开发(小结)

    这篇文章主要介绍了小试小程序云开发(小结),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-06-06
  • js之遍历嵌套数组对象方式

    js之遍历嵌套数组对象方式

    这篇文章主要介绍了js之遍历嵌套数组对象方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-06-06
  • JavaScript实现一个多少秒后自动跳转的页面(案例代码)

    JavaScript实现一个多少秒后自动跳转的页面(案例代码)

    最近遇到这样一个需求是用js简单实现一个多少秒后自动跳转的页面,实现代码非常简单,对js自动跳转页面相关知识感兴趣的朋友一起看看吧
    2023-01-01
  • 纯JS代码实现一键分享功能

    纯JS代码实现一键分享功能

    在qq空间,新浪微博,人人网等网络平台大家经常可以看到一键分享功能,那么基于js代码是如何实现一键分享的呢?下面脚本之家小编给大家介绍js实现一键分享功能的代码,需要的朋友参考下吧
    2016-04-04
  • JavaScript函数定义方法实例详解

    JavaScript函数定义方法实例详解

    这篇文章主要介绍了JavaScript函数定义方法,结合实例形式较为详细的分析了javascript函数的声明、定义、调用等原理与常见操作技巧,需要的朋友可以参考下
    2019-03-03

最新评论