JavaScript关联数组不支持map，如何强制更新其length属性？

嘿，这个问题其实戳中了很多JS开发者容易踩的坑——对JS数组的本质理解偏差，我来给你理清楚～

先搞懂为啥length是0 #

你写的这段代码：

var array = []; 
array['one'] = 1; 
console.log(array.length); // 输出0

这里的array['one'] = 1根本不是在给数组添加元素，而是在给数组这个对象挂载自定义属性！因为JS里数组本质也是个特殊对象，但它的length属性只认非负整数索引（也就是0、1、2...这种数字键）——只有当你用数字索引存值时，length才会自动跟着更新。字符串键的属性属于对象的“额外挂载”，不会被算进数组的元素列表里，自然map这类数组方法也不会处理它们，毕竟map只遍历数组的数字索引对应的元素。

怎么解决你的需求？ #

分几种情况给你方案：

• 如果只是需要键值对存储：别用数组，直接用普通对象或者Map更合适

  // 普通对象写法
  const obj = { one: 1 };
  // 要实现类似map的遍历，用Object.values提取值再处理
  const doubled = Object.values(obj).map(val => val * 2); // 得到[2]
  
  // 要是键是动态生成的，用Map更灵活
  const map = new Map();
  map.set('one', 1);
  const doubled = Array.from(map.values()).map(val => val * 2); // [2]
  

• 如果必须用数组（比如依赖其他数组逻辑）：那就老老实实使用数字索引

  const array = [];
  array[0] = 1; // 用数字索引存值
  console.log(array.length); // 输出1
  array.map(val => val * 2); // [2]，完全正常工作
  

• 如果已经有了带字符串属性的数组，想处理这些属性：手动提取属性值来遍历

  const array = [];
  array['one'] = 1;
  array['two'] = 2;
  
  // 过滤掉数字索引的属性，只保留自定义字符串键的属性值
  const customValues = Object.entries(array)
    .filter(([key]) => isNaN(Number(key)))
    .map(([_, val]) => val);
  
  console.log(customValues); // [1, 2]，之后就能对这个数组用map了
  

最后说结论：没法强制数组length包含字符串键的属性 #

JS的数组从设计上就把「数字索引的元素」和「对象属性」分开了，length只对应前者的数量。所以与其纠结怎么让length更新，不如换个更匹配你需求的数据结构——毕竟用数组当关联数组用，本身就不是JS推荐的写法哦～

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