以下内容是学习JavaScript数组的时候总结的经验以及需要注意的点。
不要用 for_in 遍历数组
这是 JavaScript 初学者常见的误区。for_in 用于遍历对象中包括原型链上的所有可枚举的(enumerable)的 key,本来不是为遍历数组而存在。
使用 for_in 遍历数组有三点问题:
1、遍历顺序不固定
JavaScript 引擎不保证对象的遍历顺序。当把数组作为普通对象遍历时同样不保证遍历出的索引顺序。
2、会遍历出对象原型链上的值。
如果你改变了数组的原型对象(比如 polyfill)而没有将其设为 enumerable: false
,for_in 会把这些东西遍历出来。
3、运行效率低下。
尽管理论上 JavaScript 使用对象的形式储存数组,JavaScript 引擎还是会对数组这一非常常用的内置对象特别优化。 https://jsperf.com/for-in-vs-...
可以看到使用 for_in 遍历数组要比使用下标遍历数组慢 50 倍以上
PS:你可能是想找 for_of
不要用 JSON.parse(JSON.stringify()) 深拷贝数组
有人使用 JSON 中深拷贝对象或数组。这虽然在多数情况是个简单方便的手段,但也可能引发未知 bug,因为:会使某些特定值转换为 null
NaN, undefined, Infinity 对于 JSON 中不支持的这些值,会在序列化 JSON 时被转换为 null,反序列化回来后自然也就是 null
会丢失值为 undefined 的键值对
JSON 序列化时会忽略值为 undefined 的 key,反序列化回来后自然也就丢失了
会将 Date 对象转换为字符串
JSON 不支持对象类型,对于 JS 中 Date 对象的处理方式为转换为 ISO8601 格式的字符串。然而反序列化并不会把时间格式的字符串转化为 Date 对象
运行效率低下。
作为原生函数,JSON.stringify
和 JSON.parse
自身操作 JSON 字符串的速度是很快的。然而为了深拷贝数组把对象序列化成 JSON 再反序列化回来完全没有必要。
我花了一些时间写了一个简单的深拷贝数组或对象的函数,测试发现运行速度差不多是使用 JSON 中转的 6 倍左右,顺便还支持了 TypedArray、RegExp 的对象的复制
https://jsperf.com/deep-clone...
不要用 arr.find 代替 arr.some
Array.prototype.find
是 ES2015 中新增的数组查找函数,与 Array.prototype.some
有相似之处,但不能替代后者。
Array.prototype.find
返回第一个符合条件的值,直接拿这个值做 if
判断是否存在,如果这个符合条件的值恰好是 0 怎么办?
arr.find
是找到数组中的值后对其进一步处理,一般用于对象数组的情况;arr.some
才是检查存在性;两者不可混用。