【JavaScript】对象结构的简化--删除Json中的空属性、空数组

本文探讨了如何在JavaScript中简化对象结构,通过删除JSON中的空属性和空数组来优化数据。作者Sodino分享了相关技巧和实现方法。


文章目录
  1. 1. 功能描述
  2. 2. 效果演示
  3. 3. 代码实现

从网上抓取的Json有大片的空属性,想直接干掉精减一下结构。

功能描述

功能如下:

  • 属性值为空字符串、null、undefined的属性
  • 支持递归删除,即有些空属性是由于代码执行中产生的,这些属性也要删除

效果演示

检验代码及效果如下:

       
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
       
var object = {
'name' : 'Sodino.com',
'pEmpty' : '',
'pNull' : null,
'pUndefined' : undefined,
'pArr' : [],
'pArr1' : [
{}
],
'pObj' : { 'arr':[]},
'pObj1' : {
'ele' : '',
'obj' : {}
}
};
deleteEmptyProperty( object);
var string = JSON.stringify( object);
console.log( string);

控制台输出如下:

optimize.json

代码实现

具体实现代码如下:

       
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
       
function deleteEmptyProperty( object){
for ( var i in object) {
var value = object[i];
// sodino.com
// console.log('typeof object[' + i + ']', (typeof value));
if ( typeof value === 'object') {
if (Array.isArray( value)) {
if ( value.length == 0) {
delete object[i];
console.log( 'delete Array', i);
continue;
}
}
deleteEmptyProperty( value);
if (isEmpty( value)) {
console.log( 'isEmpty true', i, value);
delete object[i];
console.log( 'delete a empty object');
}
} else {
if ( value === '' || value === null || value === undefined) {
delete object[i];
console.log( 'delete ', i);
} else {
console.log( 'check ', i, value);
}
}
}
}
function isEmpty( object) {
for ( var name in object) {
return false;
}
return true;
}

About Sodino

文章目录
  1. 1. 功能描述
  2. 2. 效果演示
  3. 3. 代码实现

从网上抓取的Json有大片的空属性,想直接干掉精减一下结构。

功能描述

功能如下:

  • 属性值为空字符串、null、undefined的属性
  • 支持递归删除,即有些空属性是由于代码执行中产生的,这些属性也要删除

效果演示

检验代码及效果如下:

        
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
        
var object = {
'name' : 'Sodino.com',
'pEmpty' : '',
'pNull' : null,
'pUndefined' : undefined,
'pArr' : [],
'pArr1' : [
{}
],
'pObj' : { 'arr':[]},
'pObj1' : {
'ele' : '',
'obj' : {}
}
};
deleteEmptyProperty( object);
var string = JSON.stringify( object);
console.log( string);

控制台输出如下:

optimize.json

代码实现

具体实现代码如下:

        
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
        
function deleteEmptyProperty( object){
for ( var i in object) {
var value = object[i];
// sodino.com
// console.log('typeof object[' + i + ']', (typeof value));
if ( typeof value === 'object') {
if (Array.isArray( value)) {
if ( value.length == 0) {
delete object[i];
console.log( 'delete Array', i);
continue;
}
}
deleteEmptyProperty( value);
if (isEmpty( value)) {
console.log( 'isEmpty true', i, value);
delete object[i];
console.log( 'delete a empty object');
}
} else {
if ( value === '' || value === null || value === undefined) {
delete object[i];
console.log( 'delete ', i);
} else {
console.log( 'check ', i, value);
}
}
}
}
function isEmpty( object) {
for ( var name in object) {
return false;
}
return true;
}

About Sodino

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值