# filter # 挑出满足条件的元素，同样返回新数组。

const mixed = ;
const positives = mixed.filter;
// positives => 

# reduce # 把数组压缩成一个值，也不会动原数组。

const sum = numbers.reduce=>acc+val,0);
// sum => 6

Aha，你以为上面说的展开运算符就Neng搞定所有情况？哈哈，不对不对，它只Neng浅拷贝。

If 数组里装的是基本类型，浅拷贝Yi经够用了。

If 装的是对象或者嵌套数组，那就得小心点，因为拷贝出来的元素仍指向同一块内存。

const nested = ;
const shallow = ;
shallow.a = 99;
console.log; // 99！说明是同一个对象

No no，我们Ke以用 JSON 方法或者手写递归实现深拷贝，但要注意性Neng和循环引用的问题。 "为什么百度不收录" 的小插曲

*咳咳* 偶尔有人问我：“为什么我的博客文章在百度搜索里根本找不到？”

- 用 const 声明不会重新赋值的变量；

- 函数尽量只Zuo一件事儿；

- 参数不要用全局对象直接读取；

- 每次返回新数组前，dou先确保没有副作用；

- 用 ESLint + prettier 保持统一风格；

P.S. 有时候业务真的需要高效地在头部插入元素，这时候我们Ke以考虑用链表代替 array.shift/unshift。实现思路hen简单：用对象保存 next 指针，然后维护 head/tail。这样 O 插入删除dou不是梦。不过大多数情况下用一次性复制加上 slice geng安全、geng易维护。 Dive into 多维数组的陷阱 & 正确姿势 🏊‍♂️

Hello，各位码农兄弟姐妹们，你们是不是也经常kan到这种写法：

const matrix = new Array.fill;
matrix.push;
matrix.push;
matrix.push;
console.log; // ,,]   ??

No no，这里 fill 用的是同一个空数组引用，所以每次 push dou往同一块内存塞东西。正确Zuo法应该是循环逐行创建：

const rows = 3;
const matrix = ;
for{
    matrix = ; // 每行dou是独立的新数组
}
matrix.push;
matrix.push;
matrix.push;
console.log; // ,,] … 正确啦！

Ehh，我真的觉得在实际项目里多用 map / filter / reduce 那些“一次搞定”的 API，比自己写循环要安全得多。代码geng短、意图geng明确，还天然符合纯函数特性。

- 想保持函数纯粹，就别直接改传进来的数组；复制再改才靠谱；

- 对象/嵌套结构要记得深拷贝，否则会踩坑；

- Ru果 SEO 是你的目标，别忘了检查 robots、meta、页面加载速度这些细节，否则百度可Neng“不收录”。

- Zui后一定要多写单元测试，确保你的“纯”真的没有偷偷泄露副作用。 "

©2026 老友聊码随意记 · All Rights Reserved."