JavaScript 中 in 运算符的用法详解
2021/9/11 17:04:59
本文主要是介绍JavaScript 中 in 运算符的用法详解,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
in
如果指定的属性在指定的对象或其原型链中,则 in
运算符返回 true
。
语法
prop in object
参数
prop
一个字符串类型或者 symbol
类型的属性名或者数组索引(非 symbol
类型将会强制转为字符串)。
objectName
检查它(或其原型链)是否包含具有指定名称的属性的对象。
描述
下面的例子演示了一些 in
运算符的用法。
// 数组 var trees = new Array("redwood", "bay", "cedar", "oak", "maple"); 0 in trees // 返回true 3 in trees // 返回true 6 in trees // 返回false "bay" in trees // 返回false (必须使用索引号,而不是数组元素的值) "length" in trees // 返回true (length是一个数组属性) Symbol.iterator in trees // 返回true (数组可迭代,只在ES2015+上有效) // 内置对象 "PI" in Math // 返回true // 自定义对象 var mycar = {make: "Honda", model: "Accord", year: 1998}; "make" in mycar // 返回true "model" in mycar // 返回true
in
右操作数必须是一个对象值。例如,你可以指定使用 String
构造函数创建的字符串,但不能指定字符串文字。
var color1 = new String("green"); "length" in color1 // 返回true var color2 = "coral"; "length" in color2 // 报错(color2不是对象)
对被删除或值为 undefined
的属性使用 in
如果你使用 delete 运算符删除了一个属性,则 in
运算符对所删除属性返回 false
。
var mycar = {make: "Honda", model: "Accord", year: 1998}; delete mycar.make; "make" in mycar; // 返回false var trees = new Array("redwood", "bay", "cedar", "oak", "maple"); delete trees[3]; 3 in trees; // 返回false
如果你只是将一个属性的值赋值为 undefined,而没有删除它,则 in
运算仍然会返回 true
。
var mycar = {make: "Honda", model: "Accord", year: 1998}; mycar.make = undefined; "make" in mycar; // 返回true
var trees = new Array("redwood", "bay", "cedar", "oak", "maple"); trees[3] = undefined; 3 in trees; // 返回true
继承属性
如果一个属性是从原型链上继承来的,in
运算符也会返回 true
。
"toString" in {}; // 返回true
转载自 MDN Web Doc 的文章 in
这篇关于JavaScript 中 in 运算符的用法详解的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-13TiDB + ES:转转业财系统亿级数据存储优化实践
- 2024-05-09“2024鸿蒙零基础快速实战-仿抖音App开发(ArkTS版)”实战课程已上线
- 2024-05-09聊聊如何通过arthas-tunnel-server来远程管理所有需要arthas监控的应用
- 2024-05-09log4j2这么配就对了
- 2024-05-09nginx修改Content-Type
- 2024-05-09Redis多数据源,看这篇就够了
- 2024-05-09Google Chrome驱动程序 124.0.6367.62(正式版本)去哪下载?
- 2024-05-09有没有大佬知道这种数据应该怎么抓取呀?
- 2024-05-09这种运行结果里的10.100000001,怎么能最快改成10.1?
- 2024-05-09企业src漏洞挖掘-有意思的命令执行