26

null我有一个 JSON obj，经过一些操作（比如删除一些片段）后，我打印它，除了我有一些值之外，一切看起来都很好。我该如何删除这些？

我使用JSON.stringify(obj, null, 2)方法打印，如下所示：

{
    "store": {
        "book": [
             null,
             {
                 "category": "fiction",
                 "author": "Evelyn Waugh",
                 "title": "Sword of Honour",
                 "price": 12.99
             },
             null,
             {
                  "category": "fiction",
                  "author": "J. R. R. Tolkien",
                  "title": "The Lord of the Rings",
                  "isbn": "0-395-19395-8",
                  "price": 22.99
             }
        ],
        "bicycle": {
             "color": "red",
             null,
             "price": 19.95
        }
    }
}

我希望它非常紧凑且非常干净（删除额外的 3 个null值）：

{
    "store": {
        "book": [
             {
                 "category": "fiction",
                 "author": "Evelyn Waugh",
                 "title": "Sword of Honour",
                 "price": 12.99
             },
             {
                  "category": "fiction",
                  "author": "J. R. R. Tolkien",
                  "title": "The Lord of the Rings",
                  "isbn": "0-395-19395-8",
                  "price": 22.99
             }
        ],
        "bicycle": {
             "color": "red",
             "price": 19.95
        }
    }
}
4

8 回答 8

50

我必须解决一个类似的问题，但是我想通过检查嵌套对象和嵌套数组递归地删除null值，还想删除undefined、NaN、空 String、空数组和空对象值。

以下函数使用 Lo-Dash：

function pruneEmpty(obj) {
  return function prune(current) {
    _.forOwn(current, function (value, key) {
      if (_.isUndefined(value) || _.isNull(value) || _.isNaN(value) ||
        (_.isString(value) && _.isEmpty(value)) ||
        (_.isObject(value) && _.isEmpty(prune(value)))) {

        delete current[key];
      }
    });
    // remove any leftover undefined values from the delete 
    // operation on an array
    if (_.isArray(current)) _.pull(current, undefined);

    return current;

  }(_.cloneDeep(obj));  // Do not modify the original object, create a clone instead
}

例如，如果您使用以下输入对象调用该方法：

var dirty = {
  key1: 'AAA',
  key2: {
    key21: 'BBB'
  },
  key3: {
    key31: true,
    key32: false
  },
  key4: {
    key41: undefined,
    key42: null,
    key43: [],
    key44: {},
    key45: {
      key451: NaN,
      key452: {
        key4521: {}
      },
      key453: [ {foo: {}, bar:''}, NaN, null, undefined ]
    },
    key46: ''
  },
  key5: {
    key51: 1,
    key52: '  ',
    key53: [1, '2', {}, []],
    key54: [{ foo: { bar: true, baz: null }}, { foo: { bar: '', baz: 0 }}]
  },
  key6: function () {}
};

它会递归地丢弃所有“坏”值，最后只保留那些携带一些信息的值。

var clean = pruneEmpty(dirty);
console.log(JSON.stringify(clean, null, 2));

{
  key1: 'AAA',
  key2: {
    key21: 'BBB'
  },
  key3: {
    key31: true,
    key32: false
  },
  key5: {
    key51: 1,
    key52: '  ',
    key53: [1, '2'],
    key54: [{ foo: { bar: true }}, { foo: { baz: 0 }}]
  }
};

希望能帮助到你！

于 2014-10-05T11:11:55.147 回答
16 
// Iterate the array from back to front, removing null entries
for (var i=obj.store.book.length;i--;){
  if (obj.store.book[i]===null) obj.store.book.splice(i,1);
}

如果null要从对象和数组中递归删除所有值：

// Compact arrays with null entries; delete keys from objects with null value
function removeNulls(obj){
  var isArray = obj instanceof Array;
  for (var k in obj){
    if (obj[k]===null) isArray ? obj.splice(k,1) : delete obj[k];
    else if (typeof obj[k]=="object") removeNulls(obj[k]);
  }
}

在行动中看到：

var o = {
  "store": {
    "book": [
       null,
       {
         "category": "fiction",
         "author": "Evelyn Waugh",
         "title": "Sword of Honour",
         "price": 12.99
       },
       null,
       {
          "category": "fiction",
          "author": "J. R. R. Tolkien",
          "title": "The Lord of the Rings",
          "isbn": "0-395-19395-8",
          "price": 22.99
       }
    ],
    "bicycle": {
       "color": "red",
       "bad": null,
       "price": 19.95
    }
  }
}

removeNulls(o);

console.log(JSON.stringify(o,null,2));
// {
//   "store": {
//     "book": [
//       {
//         "category": "fiction",
//         "author": "Evelyn Waugh",
//         "title": "Sword of Honour",
//         "price": 12.99
//       },
//       {
//         "category": "fiction",
//         "author": "J. R. R. Tolkien",
//         "title": "The Lord of the Rings",
//         "isbn": "0-395-19395-8",
//         "price": 22.99
//       }
//     ],
//     "bicycle": {
//       "color": "red",
//       "price": 19.95
//     }
//   }
// }
于 2013-08-29T15:50:00.783 回答
9

我们可以一起使用 JSON.stringify 和 JSON.parse 从对象中递归删除空白属性。

jsObject = JSON.parse(JSON.stringify(jsObject), (key, value) => {
               if (value == null || value == '' || value == [] || value == {})
                   return undefined;
               return value;
           });
于 2019-07-25T06:36:29.023 回答
4

修复你的book数组很容易——你只需要过滤掉空值。最直接的方法可能是构建一个新数组并重新分配它：

var temp = [];
var i;
for (i = 0; i < obj.store.book.length; ++i) {
    if (obj.store.book[i] != null) {
        temp.push(obj.store.book[i]);
    }
}
obj.store.book = temp;

我确信还有很多其他方法，比如使用 jQuery 或filter函数（我相信在旧浏览器中不可用）。您还可以循环遍历数组并splice取出空值。我只是觉得这种方式最容易阅读。

于 2013-08-29T15:46:00.477 回答
4

以下是@Phrogz 对答案的修改。如果 book[3] 也为 null，则给出的答案不会删除最后一个 null，因为在最后一个循环的迭代中数组的长度将小于 k。

以下将通过对数组执行第二次调用来工作：

function removeNulls(obj) {
  var isArray = obj instanceof Array;
  for (var k in obj) {
    if (obj[k] === null) isArray ? obj.splice(k, 1) : delete obj[k];
    else if (typeof obj[k] == "object") removeNulls(obj[k]);
    if (isArray && obj.length == k) removeNulls(obj);
  }
  return obj;
}
于 2016-03-16T00:40:16.413 回答
3

请使用这个 npm 包

npm i --save nnjson
var nnjson = require('nnjson');
user = {
  a: null,
  b: 'hello',
  c: {
    c1: 'world',
    c2: null
  }
}
var newUser = nnjson.removeNull(user);
console.log (newUser)

结果

{
  b: 'hello',
  c: {
    c1: 'world'
  }
}
于 2018-03-16T06:40:46.580 回答
1

你如何删除你的作品？

使用运算符删除数组元素delete会在数组中留下一个洞。相反，您应该使用Array.splice可以从数组中正确删除元素。

于 2013-08-29T15:47:14.113 回答
0

我在这里使用代码

在Javascript中从数组中删除空元素

那么你可以这样称呼它

JSON.stringify(obj.clean(null), null, 2)

您还需要修改代码以使用对象（或使用对象内部的代码）

于 2013-08-29T15:46:07.883 回答