我有一个Javascript对象,例如:
var my_object = { a:undefined, b:2, c:4, d:undefined };
如何删除所有未定义的属性?错误的属性应该保留。
如果要删除所有错误值,则最紧凑的方法是:
对于Lodash 4.x和更高版本:
_.pickBy({ a: null, b: 1, c: undefined }, _.identity);
>> Object {b: 1}
对于旧版Lodash 3.x:
_.pick(obj, _.identity);
_.pick({ a: null, b: 1, c: undefined }, _.identity);
>> Object {b: 1}
您可以简单地_.omit()
与_.isUndefined
和_.isNull
组成链,并通过惰性评估获得结果。
var result = _(my_object).omit(_.isUndefined).omit(_.isNull).value();
更新2016年3月14日:
如注释部分中dylants所述,您应该使用该_.omitBy()
函数,因为它使用谓词而不是属性。您应该将其用于lodash版本4.0.0
及更高版本。
var result = _(my_object).omitBy(_.isUndefined).omitBy(_.isNull).value();
更新2016年6月1日:
正如Max Truxa所评论的那样,lodash已经提供了另一种选择_.isNil
,它可以同时检查null
和undefined
:
var result = _.omitBy(my_object, _.isNil);
如果使用lodash,则可以用来_.compact(array)
从数组中删除所有错误的值。
_.compact([0, 1, false, 2, '', 3]);
// => [1, 2, 3]
https://lodash.com/docs/4.17.4#compact
正确的答案是:
_.omitBy({ a: null, b: 1, c: undefined, d: false }, _.isNil)
结果是:
{b: 1, d: false}
其他人在这里给出的替代方案:
_.pickBy({ a: null, b: 1, c: undefined, d: false }, _.identity);
还将删除false
此处不需要的值。
只是:
_.omit(my_object, _.isUndefined)
上面没有考虑null
值,因为它们是原始示例中缺少的,仅在主题中提到,但我将其保留,因为它很雅致并且可能有其用途。
这是完整的示例,简洁程度不高,但更完整。
var obj = { a: undefined, b: 2, c: 4, d: undefined, e: null, f: false, g: '', h: 0 };
console.log(_.omit(obj, function(v) { return _.isUndefined(v) || _.isNull(v); }));
要完成其他答案,请在lodash 4中仅忽略undefined和null(并且不要忽略诸如的属性false
),可以在中使用谓词_.pickBy
:
_.pickBy(obj, v !== null && v !== undefined)
下面的例子:
const obj = { a: undefined, b: 123, c: true, d: false, e: null};
const filteredObject = _.pickBy(obj, v => v !== null && v !== undefined);
console.log = (obj) => document.write(JSON.stringify(filteredObject, null, 2));
console.log(filteredObject);
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.10/lodash.js"></script>
根据lodash docs:
_.compact(_.map(array, fn))
您也可以过滤掉所有空值
对于深层嵌套对象,您可以将我的代码段用于lodash> 4
const removeObjectsWithNull = (obj) => {
return _(obj)
.pickBy(_.isObject) // get only objects
.mapValues(removeObjectsWithNull) // call only for values as objects
.assign(_.omitBy(obj, _.isObject)) // save back result that is not object
.omitBy(_.isNil) // remove null and undefined from object
.value(); // get value
};
我undefined
从深度删除对象时遇到了类似的问题,发现如果可以转换普通的旧对象并使用JSON,则快速而肮脏的帮助器函数将如下所示:
function stripUndefined(obj) {
return JSON.parse(JSON.stringify(obj));
}
“ ...如果在转换过程中遇到未定义的函数或符号,则将其省略(当在对象中找到时)或将其检查为空(当在数组中找到时)。
由于您中的某些人可能已经提出了仅 专门删除的问题undefined
,因此可以使用:
-
Lodash方法的组合
_.omitBy(object, _.isUndefined)
-
的
rundef
包,其中仅删除undefined
属性rundef(object)
如果您需要递归删除undefined
属性,则该rundef
软件包还提供了一个recursive
选项。
rundef(object, false, true);
有关更多详细信息,请参见文档。
使用纯JavaScript :(尽管Object.entries是ES7,Object.assign是ES6;但是等效的ES5仅使用Object.keys也应该可行);还要注意v != null
检查null和undefined;
> var d = { a:undefined, b:2, c:0, d:undefined, e: null, f: 0.3, s: "", t: false };
undefined
> Object.entries(d)
.filter(([ k, v ]) => (v != null))
.reduce((acc, [k, v]) => Object.assign(acc, {[k]: v}), {})
{ b: 2, c: 0, f: 0.3, s: '', t: false }
编辑:以下是仅带有ES5 Object.keys的版本:但是通常在Node v8中使用ES7相当令人愉快;
> Object.keys(d)
.filter(function(k) { return d[k] != null; })
.reduce(function(acc, k) { acc[k] = d[k]; return acc; }, {});
{ b: 2, c: 0, f: 0.3, s: '', t: false }
2017年10月更新:使用Node v8(自v8.3左右)以来,它具有对象散布构造:
> var d = { a:undefined, b:2, c:0, d:undefined,
e: null, f: -0.0, s: "", t: false, inf: +Infinity, nan: NaN };
undefined
> Object.entries(d)
.filter(([ k, v ]) => (v != null))
.reduce((acc, [k, v]) => ({...acc, [k]: v}), {})
{ b: 2, c: 0, f: -0, s: '', t: false, inf: Infinity, nan: NaN }
或仅在一个减少内:
> Object.entries(d)
.reduce((acc, [k, v]) => (v==null ? acc : {...acc, [k]: v}), {})
{ b: 2, c: 0, f: -0, s: '', t: false, inf: Infinity, nan: NaN }
更新:有人想要递归吗?也不难,只需要对isObject进行额外检查,然后递归调用自身即可:
> function isObject(o) {
return Object.prototype.toString.call(o) === "[object Object]"; }
undefined
> function dropNullUndefined(d) {
return Object.entries(d)
.reduce((acc, [k, v]) => (
v == null ? acc :
{...acc, [k]: (isObject(v) ? dropNullUndefined(v) : v) }
), {});
}
> dropNullUndefined({a: 3, b:null})
{ a: 3 }
> dropNullUndefined({a: 3, b:null, c: { d: 0, e: undefined }})
{ a: 3, c: { d: 0 } }
我的结论是:如果纯Javascript可以做到,那么我将避免任何第三方库依赖项:
这是我会采用的lodash方法:
_(my_object)
.pairs()
.reject(function(item) {
return _.isUndefined(item[1]) ||
_.isNull(item[1]);
})
.zipObject()
.value()
的对()功能将输入到对象的键/值数组的数组。您这样做是为了更轻松地使用exclude()消除undefined
和null
值。之后,剩下的是未被拒绝的对,它们是zipObject()的输入,zipObject()为您重建对象。
考虑到undefined == null
我们可以这样写:
let collection = {
a: undefined,
b: 2,
c: 4,
d: null,
}
console.log(_.omit(collection, it => it == null))
// -> { b: 2, c: 4 }
_.pickBy({ a: null, b: 1, c: undefined, d: false });
最短的方法(lodash v4):
_.pickBy(my_object)
使用lodash(或下划线),您可以
var my_object = { a:undefined, b:2, c:4, d:undefined, e:null };
var passedKeys = _.reject(Object.keys(my_object), function(key){ return _.isUndefined(my_object[key]) || _.isNull(my_object[key]) })
newObject = {};
_.each(passedKeys, function(key){
newObject[key] = my_object[key];
});
否则,使用香草JavaScript,您可以
var my_object = { a:undefined, b:2, c:4, d:undefined };
var new_object = {};
Object.keys(my_object).forEach(function(key){
if (typeof my_object[key] != 'undefined' && my_object[key]!=null){
new_object[key] = my_object[key];
}
});
不要使用虚假测试,因为不仅会拒绝“ undefined”或“ null”,还会出现其他虚假值,例如“ false”,“ 0”,空字符串,{}。因此,为了使其简单易懂,我选择使用上面编码的显式比较。
要忽略所有错误值,但保留布尔基元,此解决方案会有所帮助。
_.omitBy(fields, v => (_.isBoolean(v)||_.isFinite(v)) ? false : _.isEmpty(v));
let fields = {
str: 'CAD',
numberStr: '123',
number : 123,
boolStrT: 'true',
boolStrF: 'false',
boolFalse : false,
boolTrue : true,
undef: undefined,
nul: null,
emptyStr: '',
array: [1,2,3],
emptyArr: []
};
let nobj = _.omitBy(fields, v => (_.isBoolean(v)||_.isFinite(v)) ? false : _.isEmpty(v));
console.log(nobj);
<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.11/lodash.min.js"></script>
我喜欢使用_.pickBy,因为您可以完全控制要删除的内容:
var person = {"name":"bill","age":21,"sex":undefined,"height":null};
var cleanPerson = _.pickBy(person, function(value, key) {
return !(value === undefined || value === null);
});
资料来源:https : //www.codegrepper.com/?search_term=lodash+remove+undefined+values+from+object
var my_object = { a:undefined, b:2, c:4, d:undefined };
var newObject = _.reject(my_collection, function(val){ return _.isUndefined(val) })
//--> newCollection = { b: 2, c: 4 }
我会使用下划线并注意空字符串:
var my_object = { a:undefined, b:2, c:4, d:undefined, k: null, p: false, s: '', z: 0 };
var result =_.omit(my_object, function(value) {
return _.isUndefined(value) || _.isNull(value) || value === '';
});
console.log(result); //Object {b: 2, c: 4, p: false, z: 0}
用于深层嵌套的对象和数组。并从字符串和NaN中排除空值
function isBlank(value) {
return _.isEmpty(value) && !_.isNumber(value) || _.isNaN(value);
}
var removeObjectsWithNull = (obj) => {
return _(obj).pickBy(_.isObject)
.mapValues(removeObjectsWithNull)
.assign(_.omitBy(obj, _.isObject))
.assign(_.omitBy(obj, _.isArray))
.omitBy(_.isNil).omitBy(isBlank)
.value();
}
var obj = {
teste: undefined,
nullV: null,
x: 10,
name: 'Maria Sophia Moura',
a: null,
b: '',
c: {
a: [{
n: 'Gleidson',
i: 248
}, {
t: 'Marta'
}],
g: 'Teste',
eager: {
p: 'Palavra'
}
}
}
removeObjectsWithNull(obj)
结果:
{
"c": {
"a": [
{
"n": "Gleidson",
"i": 248
},
{
"t": "Marta"
}
],
"g": "Teste",
"eager": {
"p": "Palavra"
}
},
"x": 10,
"name": "Maria Sophia Moura"
}
对于那些想要从对象数组中删除并使用lodash的人来说,可以执行以下操作:
const objects = [{ a: 'string', b: false, c: 'string', d: undefined }]
const result = objects.map(({ a, b, c, d }) => _.pickBy({ a,b,c,d }, _.identity))
// [{ a: 'string', c: 'string' }]
注意:如果不想,您不必破坏。
如果您不想删除false
值。这是一个例子:
obj = {
"a": null,
"c": undefined,
"d": "a",
"e": false,
"f": true
}
_.pickBy(obj, x => x === false || x)
> {
"d": "a",
"e": false,
"f": true
}
文章标签:javascript , lodash , object
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!
评论已关闭!