访问含数组属性的JS变量时触发jQuery未识别表达式错误求助

这个错误的根源很明确——你大概率是把这个对象数组直接传给了jQuery的$()函数，而jQuery会默认把括号里的内容解析成CSS选择器。显然[{"sku":"6104"}]根本不是合法的CSS选择器，所以触发了语法报错。

为什么其他属性没问题？ #

如果你的其他属性是字符串、数字或者单个普通对象，传给$()时可能不会触发选择器解析错误（比如单个对象会被jQuery当成DOM元素或jQuery实例处理），但这其实也是不符合预期的用法——除非你操作的是DOM元素，否则完全没必要用jQuery包装普通JS变量。

正确的处理方式 #

1. 直接访问数组（最推荐）

如果你只是要获取这个数组本身，用原生JS直接访问就行，不需要jQuery参与：

// 直接拿到数组
const skuList = yourVariable.skuArray;
// 用原生数组方法处理
skuList.forEach(item => {
  console.log("SKU值：", item.sku); // 输出6104
});

2. 避免误将数组传给jQuery

检查你的代码，是不是写了类似$(yourVariable.skuArray)这样的语句？如果是，立刻去掉jQuery的包装，改用原生JS操作数组。

3. 若数组包含DOM元素（特殊情况）

如果这个数组里存的是DOM元素（而不是普通对象），那可以安全地传给jQuery：

// 假设数组里是DOM节点
const domElements = yourVariable.domArray;
// 用jQuery批量操作DOM
$(domElements).addClass('highlight');

总结 #

jQuery的$()函数主要是用来解析选择器、包装DOM元素的，普通JS对象/数组完全不需要用它来包装。直接用原生JS语法访问和处理这些数据，就能彻底避免这类语法错误。

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