JS中判断某个字符串/数组中是否包含某个值

您所在的位置:网站首页 判断一个字符串tom JS中判断某个字符串/数组中是否包含某个值

JS中判断某个字符串/数组中是否包含某个值

2023-09-13 11:58| 来源: 网络整理| 查看: 265

字符串

方法一: indexOf()   (推荐)

var str = "123"

console.log(str.indexOf("2") != -1); // true

方法二:match()方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现,则该方法返回 -1。 

var str = "123"

var reg = RegExp(/3/);

if(str.match(reg)){

 //包含;

}

方法三: search()方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。 

var str = "123"

console.log(str.search("2") != -1); // true

RegExp对象的方法search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。如果没有找到任何匹配的子串,则返回 -1。

方法四: test()

var str = "123"

var reg = RegExp(/3/);

console.log(reg.test(str) != -1); // true

方法五:exec()方法用于检索字符串中指定的值。返回 true 或 false。

var str = "123"

var reg = RegExp(/3/);

if(reg.exec(str)){

 //包含;

}

exec() 方法用于检索字符串中的正则表达式的匹配。返回一个数组,其中存放匹配的结果。如果未找到匹配,则返回值为 null。

 数组

方法一:array.indexOf(item,start):元素在数组中的位置,如果没与搜索到则返回 -1。

参数描述item必须。查找的元素。start

可选的整数参数。规定在数组中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。

如省略该参数,则将从字符串的首字符开始检索。

var fruits = ["a", "b", "c", "d"]; var a = fruits.indexOf("b"); // 1 //输出结果意味着 "b" 元素位于数组中的第 2 个位置。

 var fruits=["a","b","c","d","a","b","c"];

 var a = fruits.indexOf("b",3); //5

 //以上输出结果意味在数组的第三个位置开始检索

方法二:array.find()

数组实例的find()用于找出第一个符合条件的数组元素。它的参数是一个回调函数,所有数组元素依次遍历该回调函数,直到找出第一个返回值为true的元素,然后返回该元素,否则返回undefined。

find() 方法返回通过测试(函数内判断)的数组的第一个元素的值。find() 方法为数组中的每个元素都调用一次函数执行:

当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。如果没有符合条件的元素返回 undefined

注意: find() 对于空数组,函数是不会执行的。find() 并没有改变数组的原始值。

[1, 5, 10, 15].find(function(value, index, arr) { return value > 9; }) // 10 //实际用法: arr.find(function(value) { if(value === 要查找的值) { ... } })

方法三:array.findIndex()

array.findIndex()和array.find()十分类似,返回第一个符合条件的数组元素的位置,如果所有元素都不符合条件,则返回-1。  findIndex() 方法为数组中的每个元素都调用一次函数执行:

当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置,之后的值不会再调用执行函数。  如果没有符合条件的元素返回 -1

注意: findIndex() 对于空数组,函数是不会执行的。 findIndex() 并没有改变数组的原始值

var ages = [3, 10, 18, 20]; function checkAdult(age) { return age >= 18; } function myFunction() { console.log(ages.findIndex(checkAdult)) ; } myFunction() //2

方法二和方法三,这两个方法都可以发现NaN,弥补了方法一IndexOf()的不足。

[NaN].indexOf(NaN) //-1 [NaN].findIndex(y => Object.is(NaN, y)) // 0

方法四:for()循环

遍历数组,然后 if 判断 var arr = [1, 10, 20, 30]; //传统for for(let i=0; i{ if(v === 查找值) { ... } })

 

方法五:就是使用jquery的inArray方法,该方法返回元素在数组中的下标,如果不存在与数组中,那么返回-1,代码如下所示: /** * 使用jquery的inArray方法判断元素是否存在于数组中 * @param {Object} arr 数组 * @param {Object} value 元素值 */

function isInArray(arr,value){ var index = $.inArray(value,arr); if(index >= 0){ return true; } return false; }

方法六、include()方法:

arr.includes(searchElement)方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。searchElement:必须。需要查找的元素值。

例子结果[1, 2, 3].includes(2);//true[1, 2, 3].includes(4);// false[1, 2, 3].includes(3, 3);// false[1, 2, 3].includes(3, -1);//true[1, 2, NaN].includes(NaN);//true

arr.includes(searchElement, fromIndex).fromIndex:可选。从该索引处开始查找 searchElement。如果为负值,则按升序从 array.length + fromIndex 的索引开始搜索。默认为 0。

var arr = ['a', 'b', 'c']; 注意:如果fromIndex 大于等于数组长度 ,则返回 false 。该数组不会被搜索 arr.includes('c', 3); //false arr.includes('c', 100); // false 注意:如果 fromIndex 为负值,计算出的索引将作为开始搜索searchElement的位置。如果计算出的索引小于 0,则整个数组都会被搜索。 // 数组长度是3 // fromIndex 是 -100 // computed index 是 3 + (-100) = -97 arr.includes('a', -100); // true arr.includes('b', -100); // true arr.includes('c', -100); // true

方法七、Jquery的$.each() each() 方法为每个匹配元素规定要运行的函数。

var anArray = ['one','two','three']; $.each(anArray,function(n,value){ if(value=="two"){ ... } } );

 

 



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3