如何在JavaScript对象解构中为属性设置默认值？

首先明确：JavaScript对象解构的默认值，仅在目标属性不存在或者值为undefined时才会生效。你代码里的valueA是空字符串（""），属于「已定义且有值」的状态，所以不会触发默认值"E"。

要实现空字符串时也使用默认值，给你几种可行的处理方式：

方式一：解构后手动判断赋值 #

先正常解构拿到值，再判断空字符串并替换，逻辑直白易懂：

const myObj = {
  "valueA": "",
  "valueB": "BB"
};
let { valueA: A } = myObj;
// 空字符串在逻辑判断中会被视为false，触发默认值赋值
A = A || "E";
let { valueB: B } = myObj;

console.log(A); // 输出 "E"
console.log(B); // 输出 "BB"

方式二：解构时直接处理 #

可以在解构步骤结合逻辑运算，一步覆盖空字符串的情况：

const myObj = {
  "valueA": "",
  "valueB": "BB"
};
// 先解构再修正
let { valueA: A } = myObj;
A = A || "E";
let { valueB: B } = myObj;

// 或者一步到位的写法
let { valueA: A = "E" } = { ...myObj, valueA: myObj.valueA || "E" };

console.log(A); // 输出 "E"
console.log(B); // 输出 "BB"

方式三：精准判断空字符串 #

如果需要严格只针对空字符串生效（避免误替换0、false等其他假值），用三元运算符做精准判断：

const myObj = {
  "valueA": "",
  "valueB": "BB"
};
let { valueA: A } = myObj;
// 仅当值为空字符串时替换为默认值
A = A === "" ? "E" : A;
let { valueB: B } = myObj;

console.log(A); // 输出 "E"
console.log(B); // 输出 "BB"

另外提一下你原始代码里的两个小问题：

• 对象属性之间缺少逗号，"valueA":""后需要加逗号，否则会报错
• 第二个console.log(A)应为console.log(B)，否则会重复输出A的值

内容的提问来源于stack exchange，提问作者user1187