碎言博客
·
JS中数组常用API总结，slice、splice、map、reduce、shift、filter、indexOf......
💡
原文中文，约8300字，阅读约需20分钟。
📝
内容提要
本文介绍了JavaScript中数组的常用API，包括添加、删除、截取、合并和转换等操作。主要方法有push、pop、shift、unshift、slice、splice、join、concat、forEach、map、filter和reduce，掌握这些方法能提高开发效率。
🎯
关键要点
- 数组是一种常见且重要的数据结构，提供了许多便捷的方法来操作和处理数据。
- push() 方法用于向数组末尾添加元素，pop() 方法用于删除并返回最后一个元素。
- shift() 方法用于删除并返回数组的第一个元素，unshift() 方法用于向数组开头添加元素。
- slice() 方法用于截取数组中的指定位置元素，返回一个新的数组，不改变原数组。
- splice() 方法用于删除、替换或添加元素，直接修改原数组，并返回被删除的元素。
- join() 方法将数组元素以指定分隔符连接成字符串，concat() 方法用于合并多个数组。
- forEach() 方法对数组中的每个元素执行回调函数，map() 方法返回新数组，包含回调函数的返回值。
- filter() 方法用于筛选符合条件的元素，reduce() 方法用于归并计算数组中的所有元素。
- fill() 方法可以填充数组中的所有元素，includes() 方法检查数组中是否包含某个元素。
- sort() 方法用于对数组进行原地排序，reverse() 方法用于反转数组中的元素顺序。
- toString() 和 toLocaleString() 方法将数组转换为字符串，Array.from() 方法用于从类数组或可迭代对象创建新数组。
❓
延伸问答
JavaScript中如何向数组添加元素？
可以使用push()方法向数组末尾添加元素，使用unshift()方法向数组开头添加元素。
slice()方法的作用是什么？
slice()方法用于从数组中截取指定位置的元素，返回一个新的数组，不改变原数组。
splice()方法与slice()方法有什么区别？
splice()方法直接修改原数组，可以删除、替换或添加元素，而slice()方法返回新数组，不改变原数组。
如何使用filter()方法筛选数组中的元素？
filter()方法用于筛选符合条件的元素，返回一个新数组，包含所有符合条件的元素。
reduce()方法的基本用法是什么？
reduce()方法用于将数组中的所有元素按照指定规则进行归并计算，返回一个最终值。
如何合并多个数组？
可以使用concat()方法合并两个或多个数组，返回一个新的数组。
➡️
