首页 » IT技术 » 正文

从javascript对象中删除null值

2022-10-18 IT技术 3386 views

用javascript编写一个示例代码，用于从对象中删除null值。

从对象中删除null值

要从对象中删除null值，获取每个键的值，如果为'null'，则使用'delete'将其删除。 

const obj = {one: null, two: 2, three: null, four: 4};

Object.keys(obj).forEach(key => {
  if (obj[key] === null) delete obj[key];
});

console.log(obj); // {two: 2, four: 4}

循环也可以使用“for -in”和“for -of”。 

const obj1 = {one: null, two: 2, three: null, four: 4};

for (const key of Object.keys(obj1)) {
  if (obj1[key] === null) delete obj1[key];
}

console.log(obj1); // {two: 2, four: 4}

const obj2 = {one: null, two: 2, three: null, four: 4};

for (const key of Object.keys(obj2)) {
  if (obj2[key] === null) delete obj2[key];
}

console.log(obj2); // {two: 2, four: 4}

从javascript对象中删除null值 第1张

示例代码

下面是一个示例代码，从包含“null”的对象中删除“null”，并在单击“获取”按钮时显示它。 

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>从javascript对象中删除null值</title>
</head>

<body>
	<div style="margin-top:200px;text-align: center;">
		<h2><span class="badge"></span></h2>
		<h2><span class="badge">结果</span></h2>

		<button type="button" onclick="hoge()">
			获取
		</button>
	</div>

  <script>

    let obj = { one: null, two: null, three: 3 };

    // 获取显示元素
    let elm = document.getElementsByClassName("badge")[0];

    // 转换为JSON字符串并显示
    elm.textContent = JSON.stringify(obj);

    const hoge = () => {

      // 获取显示元素
      let elm = document.getElementsByClassName("badge")[1];

      for (const key in obj) {
        if (obj[key] === null) delete obj[key];
      }

      // 转换为JSON字符串并显示
      elm.textContent = JSON.stringify(obj);

    }

  </script>
</body>

</html>

执行结果

从javascript对象中删除null值 第2张


本文来源：词雅网

本文地址：https://www.ciyawang.com/javascript-null-delete.html

本文使用「 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 」许可协议授权，转载或使用请署名并注明出处。

相关推荐

最近发表

标签列表

热门文章

搜索
返回顶部