javascript - 检查未定义的 Javascript 对象

Question

更新

我正在尝试测试 Javascript 变量是否未定义。

如何创建缺少变量或 undefined object

如果愿意帮忙先谢谢

这是我的代码

var mydata = {
  p001: "Product 1",
  p002: "Product 2",
  p003: "Product 3"
}

function test(e) {
  if (mydata === undefined || mydata === null) {
    document.getElementById("demo").innerHTML = "<em>No data</em>";
  } else {
    document.getElementById("demo").innerHTML = mydata[e];
  }
}

var mydata = {
  p001: "Product 1",
  p002: "Product 2",
  p003: "Product 3"
}

function test(e) {
  if (mydata === undefined || mydata === null) {
    document.getElementById("demo").innerHTML = "<em>No data</em>";
  } else {
    document.getElementById("demo").innerHTML = mydata[e];
  }
}

#demo {
  padding: 10px;
  margin: 0;
  border: 1px solid #2f9fd2;
  border-radius: 4px;
  background: #daf3ff;
}

<p>
  <button onclick='test("p001");'>Product 1</button>
  <button onclick='test("p002");'>Product 2</button>
  <button onclick='test("p003");'>Product 3</button>
  <button onclick='test("p10000");'>Test undefined</button>
</p>
<div id="demo"></div>

抱歉我的英文不好

谢谢

Answer 1

我认为这就是您要找的。

只需检查键e 是否没有值在 mydata .

顺便说一句，这里没有数组。使用适当的术语很重要。您使用一个对象，您想要检查它的属性是否已定义。

var mydata = {
	p001:"Product 1",
	p002:"Product 2",
	p003:"Product 3"
}

function test(e) {
  if (!mydata[e]) {
    document.getElementById("demo").innerHTML = "<em>No data</em>";	
	} else {
    document.getElementById("demo").innerHTML = mydata[e];
	}
}

#demo {
    padding: 10px;
    margin: 0;
    border: 1px solid #2f9fd2;
    border-radius: 4px;
    background: #daf3ff;
}

<p>
  <button onclick='test("p001");'>Product 1</button>
  <button onclick='test("p002");'>Product 2</button>
  <button onclick='test("p003");'>Product 3</button>
  <button onclick='test("p10000");'>Test undefined</button>
</p>

<div id="demo"></div>