在PHP中，你可以这样做if(isset($array['foo'])){…}。在JavaScript中，你经常使用if(array.foo){…}来做同样的事情，但这不是完全相同的语句。条件也将计算为false if数组。Foo确实存在，但为false或0(也可能为其他值)。
JavaScript中与PHP的isset完美对应的是什么?
从更广泛的意义上说，一个关于JavaScript如何处理不存在的变量、没有值的变量等的通用的、完整的指南会很方便。
更新:11年零11个月前，我发布了这个问题，哇，它仍然有很多活动。现在，我非常确定，当我写这篇文章时，我只是想知道如何检查关联数组(也就是字典)中属性的存在，因此(对我来说)正确的答案涉及hasOwnProperty或in操作符。我对检查局部或全局变量不感兴趣。
但是，虽然我记得很清楚，但在写的问题中，这种意图并不十分清楚，甚至与之直接矛盾!我还没提到关联数组，PHP的isset也有其他功能。让这成为我们所有人的一个教训，让我们知道在一个问题中正确地陈述你的要求是多么重要，以及全局变量、局部变量、对象属性、字典键和其他什么东西是多么重要。
与此同时，很多很多人也提供了这个问题的答案，所以对于那些通过谷歌找到这个问题的人来说，我很高兴我的含糊在某种程度上有所帮助。不管怎样，我只是想澄清一下。
当我访问一个对象的更深层次的属性时，这对我来说真的是一个问题，所以我做了一个函数，如果存在，它将返回属性值，否则将返回false。你可以用它来节省时间，
//Object on which we want to test
var foo = {
bar: {
bik: {
baz: 'Hello world'
}
}
};
/*
USE: To get value from the object using it properties supplied (Deeper),
if found it will return the property value if not found then will return false
You can use this function in two ways
WAY - 1:
Passing an object as parameter 1 and array of the properties as parameter 2
EG: getValueFromObject(foo, ['bar', 'bik', 'baz']);
WAY - 2: (This will work only if, your object available in window object)
Passing an STRING as parameter 1(Just similarly how we retrieve value form object using it's properties - difference is only the quote)
EG: getValueFromObject('foo.bar.bik.baz');
*/
function getValueFromObject(object, properties) {
if(typeof(object) == 'string') { //Here we extract our object and it's properties from the string
properties = object.split('.');
object = window[properties[0]];
if(typeof(object) == 'undefined') {
return false;
}
properties.shift();
}
var property = properties[0];
properties.shift();
if(object != null && typeof(object[property]) != 'undefined') {
if(typeof(object[property]) == 'object') {
if(properties.length != 0) {
return getValueFromObject(object[property], properties); //Recursive call to the function
} else {
return object[property];
}
} else {
return object[property];
}
} else {
return false;
}
}
console.log(getValueFromObject('fooo.bar.bik.baz')); //false
console.log(getValueFromObject('foo.bar.bik.baz')); //Hello world
console.log(getValueFromObject('foo')); //false
console.log(getValueFromObject('foo.bar.bik')); //returns an object { baz: 'Hello World' }
console.log(getValueFromObject(foo, ['bar', 'bik'])); //returns an object { baz: 'Hello World' }
console.log(getValueFromObject(foo, ['bar', 'bik', 'baz']));//Hello world
提供对象路径作为字符串，然后您可以将该字符串分解为一个路径，并在每一步解析hasOwnProperty，同时在每次迭代中覆盖对象本身。
如果你在ES6环境中编码，看看这个stackoverflow Ques。
var a;
a = {
b: {
c: 'e'
}
};
function isset (obj, path) {
var stone;
path = path || '';
if (path.indexOf('[') !== -1) {
throw new Error('Unsupported object path notation.');
}
path = path.split('.');
do {
if (obj === undefined) {
return false;
}
stone = path.shift();
if (!obj.hasOwnProperty(stone)) {
return false;
}
obj = obj[stone];
} while (path.length);
return true;
}
console.log(
isset(a, 'b') == true,
isset(a, 'b.c') == true,
isset(a, 'b.c.d') == false,
isset(a, 'b.c.d.e') == false,
isset(a, 'b.c.d.e.f') == false
);
如果你想检查一个元素是否存在，只需使用下面的代码:
if (object) {
//if isset, return true
} else {
//else return false
}
这是样本:
function switchDiv() {
if (document.querySelector("#divId")) {
document.querySelector("#divId").remove();
} else {
var newDiv = document.createElement("div");
newDiv.id = "divId";
document.querySelector("body").appendChild(newDiv);
}
}
document.querySelector("#btn").addEventListener("click", switchDiv);
#divId {
background: red;
height: 100px;
width: 100px;
position: relative;
}
<body>
<button id="btn">Let's Diiiv!</button>
</body>
