为了账号安全,请及时绑定邮箱和手机立即绑定

寻找将变量插入对象(如果不为空)的简写

寻找将变量插入对象(如果不为空)的简写

慕森卡 2023-07-20 16:13:31
我经常有几个命名变量,如果它们不为空或未定义,我想将它们放入一个对象中。JavaScript 有几个很好的构建对象的快捷方式,所以我认为必须有一个适合这个用例的快捷方式。我通常会做这样的事情。但它是如此冗长。function foo(a, b) {  return {...(isNotNullish(a) ? {a} : {}), ...(isNotNullish(b) ? {b} : {})};}// the result I want is:// foo(6, 7) == {a: 6, b: 7}// foo(6) == {a: 6}// foo() == {}有没有更好的办法?
查看完整描述

3 回答

?
繁星点点滴滴

TA贡献1803条经验 获得超3个赞

恐怕没有真正更短的方法来做到这一点(从技术上讲,是一种较小的方法,然后是一种更迟钝的方法)

我尝试使用nullish 运算??符,但我不得不说工作解决方案似乎比我提出的方案更丑陋。

本质上,它归结为这样一个事实:您正在寻找 nullish 运算符的否定(或者 nullish 三元),遗憾的是这两个运算符都不存在

这是一个相对紧凑的解决方案,它只是改进了您的解决方案,并通过使用逻辑&&AND简化了它短路操作员

const notNullish = (value) =>

  value !== null && typeof value !== 'undefined'


const foo = (a, b) => ({

  ...(notNullish(a) && {a}),

  ...(notNullish(b) && {b}),

 })


console.log('foo(6, 7) =>', foo(6, 2))

console.log('foo(6) =>', foo(6))

console.log('foo() =>', foo())

console.log('foo(0, false) =>', foo(0, false))

现在正如我所说,没有最佳的方法来做到这一点,因为虽然您可以使用逻辑??来检查,但它不能同时直接分配给对象属性。我能想到的最好的办法是:


const notNullish = (key, value) => {

   const nullishCheck = value ?? 'IS_NULLISH'

   return nullishCheck === 'IS_NULLISH'

      ? {}

      : {[key]: value}

}


const foo = (a, b) => ({

   ...notNullish('a', a),

   ...notNullish('b', b)

})


console.log(foo(6, 4))

console.log(foo(6))

console.log(foo())

console.log(foo(0, false))

但就我个人而言,我发现第二个片段有点丑陋,可能会选择第一个选项,特别是出于以下三个原因

  1. 在我看来,它只是看起来更丑

  2. ??Explorer 和 Node.js 尚未完全支持该运算符

  3. 可能很多人都不熟悉该运算符,这迫使您甚至不直接使用它,而是将其用作分配检查。


查看完整回答
反对 回复 2023-07-20
?
人到中年有点甜

TA贡献1895条经验 获得超7个赞

我知道这是一个老问题,但为了将来的参考,我正在寻找一种方法来做到这一点,以防role在创建我的User. 我认为这对于类似这样的场景应该可以很好地工作:

const user = await User.create({
  email, password, ...(role && { role })
});


查看完整回答
反对 回复 2023-07-20
?
四季花海

TA贡献1811条经验 获得超5个赞

关于什么

return Object.assign({}, a, b);

它会简单地忽略空值或传播如果对象


查看完整回答
反对 回复 2023-07-20
  • 3 回答
  • 0 关注
  • 92 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信