189 8069 5689
JavaScript中in运算符的用法有哪些？很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。
石楼网站制作公司哪家好，找创新互联！从网页设计、网站建设、微信开发、APP开发、自适应网站建设等网站项目制作，到程序开发，运营维护。创新互联自2013年起到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联。
首先我们来看in运算符在对象上面的使用
我们来看具体的示例
代码如下
说明：
使用以下代码创建对象并分配值。
var data = new Object(); data.id = 10; data.name = "曲奇饼干"; data.price = 150; data.code = "PK-01";
使用in运算符检查分配给fieldname变量的字段（成员）是否存在于对象和对象中。在这段代码中，是确认“price”是否存在于对象中的代码，因为在之前的对象的初始化部分向price的值的代入，in运算的结果成为true，在输出区域显示“data中price字段存在”的信息。
var elem = document.getElementById("output");
var fieldname = "price";
if (fieldname in data == true) {
elem.innerText = "data 中 " + fieldname + " 字段存在";
} else {
elem.innerText = "data 中" + fieldname + " 字段不存在。";
}运行结果
使用Web浏览器显示上述HTML文件，将显示如下所示的效果。
单击[Exec]按钮，将显示消息“data中price字段存在”,效果如下。
结果为false的示例
将以前的HTML文件的exec函数部分更改为以下代码。
var fieldname ="price";
变为
var fieldname = "detail";
因为是data对象没有，所以in运算的结果是fale。
function exec() {
var data = new Object();
data.id = 10;
data.name = "曲奇饼干";
data.price = 150;
data.code = "PK-01";
var elem = document.getElementById("output");
var fieldname = "detail";
if (fieldname in data == true) {
elem.innerText = "data 中" + fieldname + " 字段存在。";
} else {
elem.innerText = "data 中 " + fieldname + "字段不存在。";
}
}运行结果
使用Web浏览器显示上述HTML文件，将显示如下所示的效果。
单击[Exec]按钮，将显示消息“data中price字段不存在”,效果如下。
在数组中使用in运算符
在数组中使用in运算符时，可以确定指定位置的数组元素是有效还是无效（= undefined）。
我们来看具体的示例
代码如下
说明：
初始化数组并通过以下代码赋值。
var data = new Array("Penguin", "Duck", "Pigion", "Owl", "Hawk");它通过使用in运算符判断数组数据的第二个元素是否有效。此代码排列创建后，因为没有特别的处理，所以他是有效的结果是true，在页面上显示“第二个元素有效。”的字符。
var elem = document.getElementById("output");
if (2 in data == true) {
elem.innerText = "第二个元素有效。";
} else {
elem.innerText = "第二个元素无效。";
}运行结果
使用Web浏览器显示上述HTML文件。将显示如下所示的效果。
单击[Exec]按钮，屏幕的输出字段中显示消息“第二个元素有效”。
元素变为无效时的代码
将上面的HTML文件更改为以下代码。
说明：
更改点是添加代码以删除以下exec函数中的元素。
function exec() {
var data = new Array("Penguin", "Duck", "Pigion", "Owl", "Hawk");
delete data[2];
var elem = document.getElementById("output");
if (2 in data == true) {
elem.innerText = "第二个元素有效。";
} else {
elem.innerText = "第二个元素无效。";
}
}通过下面的代码，删除data数组的第二个元素（第三个）。由于元素不会被delete删除，删除前后数组的长度不会改变。但是，由于data[2]的元素已被删除，因此data[2]是undefined。
delete data[2];
运行结果
使用Web浏览器显示上述HTML文件。将显示如下所示的效果。
单击[Exec]按钮，由于已使用delete命令删除了data[2]，因此输出字段中将显示“第二个元素无效”的信息。
看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注创新互联行业资讯频道，感谢您对创新互联的支持。