JavaScript技术咨询：如何在表达式中嵌入语句？

嘿，这个问题我之前踩过坑！咱们先搞清楚为啥你的代码会报错，再给你几个靠谱的解决方案~

错误原因分析 #

你写的箭头函数用了简洁表达式模式（就是不带大括号的写法(v,i)=>(...)），这种模式下箭头后面必须是一个表达式，而return i是一个语句，不是表达式——这就是为啥会报SyntaxError: expected expression, got keyword 'return'的原因。

简单说：箭头函数分两种写法：

• 带大括号的() => { ... }：里面是函数体，可以放任意语句（包括return、if这些）
• 不带大括号的() => ...：只能放单个表达式，直接返回这个表达式的结果，不需要写return

你的代码里把return语句塞进了表达式位置，自然就报错啦。

解决方案1：改用带大括号的箭头函数 #

如果坚持要用forEach，把箭头函数改成带大括号的函数体模式，就能正常用return了：

MyArray.forEach( (v,i) => {
  if (v.name === 'john') {
    // 这里可以做你需要的操作，比如打印索引或者存储起来
    console.log('找到john的索引：', i);
    // forEach里的return只是终止当前循环迭代，不会返回值哦
    return;
  }
});

解决方案2：用更合适的findIndex方法 #

其实你要的是找到符合条件的元素索引，forEach并不是最适合的工具——JavaScript专门提供了findIndex方法来干这个事，代码更简洁，语义也更清晰：

// 直接获取john的索引，没找到返回-1
const johnIndex = MyArray.findIndex(v => v.name === 'john');

// 后续可以根据索引做操作
if (johnIndex !== -1) {
  console.log('john的索引是：', johnIndex);
}

这里的箭头函数用了简洁表达式模式，因为v.name === 'john'是一个布尔表达式，findIndex会返回第一个让这个表达式为true的元素索引，完美符合你的需求~

补充小知识：表达式 vs 语句 #

如果以后再遇到类似“想在表达式里用语句”的场景，记住：表达式是有返回值的（比如1+1、v.name === 'john'），而语句是执行一个动作（比如return、if、for）。简洁箭头函数只认表达式，要放语句就必须加大括号变成函数体。

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