代码之家 › 专栏 › 技术社区 › Fernando Gonzalez Sanchez

ES6用表达式解构

destructuring ecmascript-6

Fernando Gonzalez Sanchez · 技术社区 · 5 年前

这很管用

const { prop1:val1, prop2:val2 ) = req.query
val1 = val1.toLowerCase()

const { prop1.toLowerCase():val1, prop2:val2 } = req.query

或

const { prop1:val1.toLowerCase(), prop2:val2 } = req.query

两者都不起作用。是否有与此类似的语法,或者必须在销毁赋值之外进行操作?

0 回复 | 直到 7 年前

Bergi 7 年前

不,这是不可能的。解构赋值只赋值,不对值进行任意变换。(setter是一个例外,但它们只会使问题复杂化)。

我建议你写信

const { prop1, prop2:val2 ) = req.query;
const val1 = prop1.toLowerCase();

或者,在一个声明中:

const { prop1, prop2:val2 ) = req.query, val1 = prop1.toLowerCase();

user9366559 user9366559 7 年前

此解决方案创建一个实用程序函数,该函数接收要分解的对象以及另一个对象,该对象是属性名称到转换函数的映射。它有点冗长,但确实有用。

// Utility functions to perform specified transformations on an object
function transformProps(obj, trans) {
  return Object.assign({}, obj, ...Object.entries(trans).map(([prop, fn]) => 
    prop in obj ? {[prop]: fn(obj[prop])} : null
  ));
}

const { prop1:val1, prop2:val2 } = transformProps(
  {prop1: "FOO", prop2: "BAR"},
  {prop1: v => v.toLowerCase()} // Transformations to be made
);

console.log(val1, val2);

推荐文章

Shibaji Biswas · 如何在Template literal的双引号内的html div id中编写JavaScript变量?

10 月前

GulgDev · 为什么不将属性设置为无效值?

10 月前

Koffee · 动画继续使用update()重新启动,而不是在Phaser 3中正常播放

1 年前

Monnt · 如何查看数组是否包括具有特定值的嵌套数组?

1 年前

JsCoder · 用ECDSA对C语言中的数据进行加密#

1 年前

dsi · 排序功能可实现多列的自定义差异

1 年前

huz3y · 如何在JavaScript中基于另一个变量值构建变量?如何重新分配它的值并对该变量执行方法?复制

1 年前

Darigan · clearTimeout将一个函数中的计时器与另一个函数(React.js)一起超时

1 年前

Joseph · 仅在React和JS中生成深色

1 年前

Joseph · 在Javascript中检索一些文本

1 年前