首頁猿問重構基于鍵/值對值過濾的代碼

重構基于鍵/值對值過濾的代碼

JavaScript

慕標5832272 2023-03-24 13:40:34

我有以下代碼，它按預期工作 - 它正確地過濾掉值為 null、false 的鍵/值對，并返回具有其他鍵/值對的對象。但是，它相當冗長，我想知道是否有辦法簡化它。const settings = { distance: null, length: 23, weight: null, isActive: false, isRound: true}const data = {};Object.entries(settings).filter(([, value]) => value !== null).filter(([, value]) => value !== false).forEach(([key, value]) => (data[key] = value)); console.log(data);

查看完整描述

5 回答

眼眸繁星

TA貢獻1873條經驗獲得超9個贊

您可以刪除所有虛假值并只迭代一次：

const settings = {

distance: null,

length: 23,

weight: null,

isActive: false,

isRound: true

}

const data = {};

Object.entries(settings)

.forEach(([key, value]) => {

if(!!value) {

data[key]= value;

}

})

console.log(data);

反對回復 2023-03-24

largeQ

TA貢獻2039條經驗獲得超8個贊

在香草 javscript 中，在單個循環中會更容易

const settings = {

distance: null,

length: 23,

weight: null,

isActive: false,

isRound: true

}

const data = {}

for(var key in settings) {

if(settings[key] !== false && settings[key] !== null) {

data[key] = settings[key];

}

不確定為什么要使用多種過濾方法并減少，因為它會導致額外的迭代。

反對回復 2023-03-24

繁星點點滴滴

TA貢獻1803條經驗獲得超3個贊

使用 reducer 代替你的怎么樣forEach？

const settings = {

distance: null,

length: 23,

weight: null,

isActive: false,

isRound: true

}

const data = Object.entries(settings)

.filter(([, value]) => value !== null && value !== false)

.reduce((acc, [key, value]) => {

(acc[key] = value);

return acc;

}, {});

console.log(data);

反對回復 2023-03-24

UYOU

TA貢獻1878條經驗獲得超4個贊

作為替代方案，這里有一些可以說更簡單但不是功能性版本，它使用可變性來刪除有問題的鍵：

const settings = {

distance: null,

length: 23,

weight: null,

isActive: false,

isRound: true

}

const copy = Object.assign({}, settings);

Object.entries(copy).forEach(([key, value]) => {

if (value === null || value === false) delete copy[key];

});

console.log(copy);

如果符合您的口味，可短一點。

反對回復 2023-03-24

MMMHUHU

TA貢獻1834條經驗獲得超8個贊

你為什么不在一次迭代中檢查這些條件

改變這個

.filter(([, value]) => value !== null)

.filter(([, value]) => value !== false)

到

.filter(([, value]) => !!value)

或使用單循環檢查條件并在數據對象中附加數據，例如：

Object.entries(settings)

.forEach(([key, value]) => {

if(!!value) {

data[key]= value;

}

})

反對回復 2023-03-24

5 回答
0 關注
154 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

重構基于鍵/值對值過濾的代碼

重構基于鍵/值對值過濾的代碼

5 回答

添加回答