jQuery数组包含的详细指南介绍jquery数组包含 jQuery数组包含一个方法来检查所需信息是否可用。这个方法使用

介绍jquery数组包含

jQuery数组包含一个方法来检查所需信息是否可用。这个方法使用jQuery技术验证数组中的 "需要包含的数据"。

contains是一个选择器，用来选择或指定数组数据中的一个所需值。这个数组不会改变原来的数组值。

contains是一种从数组中寻找特定值的方法。如果数组中存储了多个类似的值，那么包含操作符显示第一个值。这个数组包含操作符从数组列表中的0个索引开始。

jQuery数组包含概述

jQuery数组包含操作符使用索引位置显示数组中的所需值。
如果值在数组中是可用的，那么jQuery数组包含方法会显示预期值的索引位置。
如果该值在数组中不可用，那么该方法显示"-1 "值。
如果一个类似的值在数组中是可用的，那么该方法返回第一个值的索引位置，而忽略其他值。
Contains方法以布尔形式检查值是否可用。

jQuery数组包含方法

有两种方法可以使用jQuery来检查包含值。
第一个方法的包含操作使用 "jQuery.inArray() "的值。

jQuery.inArray(required_value, array_object)。

在这里，你可以使用一个变量或对象创建一个数组。
将这个对象与所需的值放在方法中。
检查该值是否可用。
第二种方法的包含操作者使用 "jQuery.inArray() "与值。

jQuery.inArray(required_value, array[value1, value2, …, valueN]);

在这里，你可以在包含方法中创建一个数组。
你可以将所需的值和数组同时放在该方法中。
检查所需的值是否可用。

包含的代码

在下面的代码中使用了包含运算符的第一种方法。

var array_name = [value1, value2, value3, value4, value5];
var $variable_name = "value1";
jQuery.inArray(variable_name, array_name) );

第二种方法包含运算符在下面的代码中使用。

var array_name = [value1, value2, value3, value4, value5];
jQuery.inArray("value" , array_name]) );

这段代码有助于从数组中找到所需值的位置。

JQuery数组包含的例子

例子：包含方法的简单字符例子和输出如下所示。

<!DOCTYPE HTML>
<html>
<head>
<title> jQuery method </title>
<script src = "https://ajax.googleapis.com/ajax/libs/jQuery/3.5.1/jQuery.min.js"> </script>
</head>
<body>
<h3> jQuery array contains method </h3>
<p id = "jc1"> </p>
<p id = "jc2"> </p>
<button id = "bt"> CLICK HERE </button>
<p id = "jc3"> </p>
<script>
var array_value = ["X", "A", "Y", "B", "Z", "C", "Y", "D"];
var req_val = "Y";
document.getElementById("jc1").innerHTML = " Given array : [" + array_value + "]";
document.getElementById("jc2").innerHTML = " Given Value to be searched: " + req_val;
$("#bt").click(function(){
document.getElementById("jc3").innerHTML = " <b> Value contains at position: </b> " + $.inArray(req_val, array_value);
});
</script>
</body>
</html>

点击按钮前的输出

点击按钮后的输出

例子：包含大写和小写字符的方法的例子和输出如下所示。

<!DOCTYPE HTML>
<html>
<head>
<title> jQuery method </title>
<script src = "https://ajax.googleapis.com/ajax/libs/jQuery/3.5.1/jQuery.min.js"> </script>
</head>
<body>
<h3> jQuery array contains method </h3>
<p id = "jc1"> </p>
<p id = "jc2"> </p>
<p id = "jc5"> </p>
<button id = "bt"> CLICK HERE </button>
<p id = "jc3"> </p>
<p id = "jc4"> </p>
<script>
var array_value = ["a", "A", "b", "B", "c", "C", "d", "D"];
var req_val = "b";
var req_val1 = "B";
document.getElementById("jc1").innerHTML = " Given array : [" + array_value + "]";
document.getElementById("jc2").innerHTML = " Given Value to be searched: " + req_val;
document.getElementById("jc5").innerHTML = " Given Value to be searched: " + req_val1;
$("#bt").click(function(){
document.getElementById("jc3").innerHTML = " <b> Value contains at position: </b> " + $.inArray(req_val, array_value);
document.getElementById("jc4").innerHTML = " <b> Value contains at position: </b> " + $.inArray(req_val1, array_value);
});
</script>
</body>
</html>

点击按钮前的输出

点击按钮后的输出

例子：包含数字和字符串的方法的例子，输出显示如下。

<!DOCTYPE HTML>
<html>
<head>
<title> jQuery method </title>
<script src = "https://ajax.googleapis.com/ajax/libs/jQuery/3.5.1/jQuery.min.js"> </script>
</head>
<body>
<h3> jQuery array contains method </h3>
<p id = "jc1"> </p>
<p id = "jc2"> </p>
<p id = "jc5"> </p>
<button id = "bt"> CLICK HERE </button>
<p id = "jc3"> </p>
<p id = "jc4"> </p>
<script>
var array_value = ["ram", "sham", 12, 45, "simple", 27, "d", "D"];
var req_val = "ram";
var req_val1 = 45;
document.getElementById("jc1").innerHTML = " Given array : [" + array_value + "]";
document.getElementById("jc2").innerHTML = " Given Value to be searched: " + req_val;
document.getElementById("jc5").innerHTML = " Given Value to be searched: " + req_val1;
$("#bt").click(function(){
document.getElementById("jc3").innerHTML = " <b> Value contains at position: </b> " + $.inArray(req_val, array_value);
document.getElementById("jc4").innerHTML = " <b> Value contains at position: </b> " + $.inArray(req_val1, array_value);
});
</script>
</body>
</html>

点击按钮前的输出

点击按钮后的输出

例子:包含方法中没有包含值的例子，输出如下所示。

<!DOCTYPE HTML>
<html>
<head>
<title> jQuery method </title>
<script src = "https://ajax.googleapis.com/ajax/libs/jQuery/3.5.1/jQuery.min.js"> </script>
</head>
<body>
<h3> jQuery array contains method </h3>
<p id = "jc1"> </p>
<p id = "jc2"> </p>
<button id = "bt"> CLICK HERE </button>
<p id = "jc3"> </p>
<script>
var array_value = ["X", "A", "Y", "B", "Z", "C", "Y", "D"];
var req_val = "M";
document.getElementById("jc1").innerHTML = " Given array : [" + array_value + "]";
document.getElementById("jc2").innerHTML = " Given Value to be searched: " + req_val;
$("#bt").click(function(){
document.getElementById("jc3").innerHTML = " <b> Value contains at position: </b> " + $.inArray(req_val, array_value);
});
</script>
</body>
</html>

点击按钮前的输出

点击按钮后的输出

总结

contains方法为用户和开发者简化了数组值的位置。这个方法只检查给定数组中的值是否可用。

大尺寸数据的处理不会干扰数组和它的开发者的价值。这个方法有助于维护数组和它的索引位置。

包含的方法创造了简单的、用户友好的、有吸引力的复杂数据的网络应用。

jQuery数组包含的详细指南

介绍jquery数组包含

jQuery数组包含概述

jQuery数组包含方法

包含的代码

JQuery数组包含的例子

总结

推荐文章