ObservableHQ 使用 map 创建新数组的正确方法

在 ObservableHQ 中正确使用 JavaScript 表达式

在 ObservableHQ 里写 JavaScript，很容易踩的第一个坑就是——直接拿 const 去声明变量，结果运行时直接报错 "unexpected token"。别慌，这不是你写错了，而是 Observable 的单元格语法和标准 JavaScript 不完全是一回事。

说白了，Observable 的单元格不是普通脚本环境，而是一个依赖表达式求值的响应式计算模型。每个单元格都得是一个可求值的表达式——比如字面量、函数调用、对象字面量，或者是一个带 return 的代码块。而像 const、let、if 这样的语句，单独出现时是不构成合法表达式的，自然就会触发 SyntaxError。

那么问题来了：怎么才能写对？

正确写法一（推荐）：直接赋值表达式

最省事的办法就是省略 const，直接把 map 调用的结果作为单元格的返回值：

newArray = sheet.map(obj => ({  Name: obj.Name,  reppertota: obj.reppertota,  dempertota: obj.dempertota}));

这样写简洁明了，完全符合 Observable 的惯例，而且结果会自动绑定到变量 newArray 上，后续单元格可以直接引用。

正确写法二：使用大括号代码块 + 显式 return

如果逻辑稍微复杂一点，比如需要解构、条件判断，或者想加个调试日志，就用大括号包起来，以 return 结束：

{  const newArray = sheet.map(obj => {    const { Name, reppertota, dempertota } = obj;    return { Name, reppertota, dempertota };  });  return newArray; //  必须有 return！否则单元格值为 undefined}

这里有个容易忽略的点：如果忘了写 return newArray，单元格会返回 undefined。因为代码块本身不会自动返回最后一行的值，这和很多语言的习惯不太一样。

解构赋值 const { ... } = obj 是合法语句，但只有在 {} 块内才能用，不能直接放在单元格顶层。这一点也需要记住。

小技巧：参数解构 + 隐式返回

其实还有一种更简洁的写法，把解构直接放在箭头函数的参数里，一行就搞定：

newArray = sheet.map(({ Name, reppertota, dempertota }) => ({ Name, reppertota, dempertota }));

这一手利用了箭头函数参数解构加上隐式返回对象字面量的特性，既保持了可读性，又显得很干练。在 Observable 里做数组投影，这算是标准实践了。