!! productList.length 和 productList.length的区别

!!productList.length 和 productList.length 在JavaScript中是不同的表达式，尽管它们都与数组或类数组对象的长度相关。

1、productList.length:

• 这是一个直接访问 productList 数组或类数组对象的 length 属性的表达式。
• 它返回一个数字，表示 productList 中的元素数量。
• 如果 productList 是空数组，productList.length 返回 0。
• 如果 productList 是一个未定义或空的类数组对象，productList.length 也可能是 undefined 或 0。

2、!!productList.length:

• 这个表达式使用了双重否定运算符 !!。
• !! 是一种将任何值转换为布尔值的技巧。它先将值转换为布尔值，再取反两次，最终返回 true 或 false。
• 对于 productList.length，这个表达式的作用是：
  • 如果 productList.length 为 非零数值（如大于 0），!!productList.length 将返回 true。
  • 如果 productList.length 为 零，!!productList.length 将返回 false。
  • 如果 productList 未定义或没有 length 属性，productList.length 会导致错误，!!productList.length 同样会返回 false（因为 undefined 或其他假值转换为 false）。

let productList = [1, 2, 3];
console.log(productList.length);      // 输出: 3
console.log(!!productList.length);    // 输出: true

productList = [];
console.log(productList.length);      // 输出: 0
console.log(!!productList.length);    // 输出: false

productList = null;
console.log(productList.length);      // 错误: Cannot read property 'length' of null
console.log(!!productList.length);    // 错误: Cannot read property 'length' of null

3、总结：

productList.length 返回 productList 数组的长度（数字）。
!!productList.length 将该长度转换为布尔值，通常用于检查数组是否为空（即 length > 0）。