JavaScript 数组常用的方法有哪些

JavaScript 中数组常用的方法包括push()、pop()、shift()、unshift()、splice()、slice()、map()、filter()、reduce()、forEach()、indexOf()、find()、findIndex()等。每种方法都服务于不同的功能需求，push() 方法经常用于将一个或多个元素添加到数组的末尾，返回新数组的长度，帮助程序员灵活地操作数组元素。

一、数组添加与删除元素方法

PUSH() 和 UNSHIFT()

push() 方法用于在数组的末尾添加一个或多个元素，并返回新的长度。例如，let fruits = ['apple', 'banana']; fruits.push('mango');将'mango'添加到数组末尾。

unshift() 方法将一个或多个元素添加到数组的开头，并返回新的长度。与push()相反，fruits.unshift('strawberry')会把'strawberry'放到数组的最前面。

POP() 和 SHIFT()

pop() 方法用于删除数组的最后一个元素，并返回该元素。这可以帮助程序员管理数组数据，如let lastFruit = fruits.pop();移除并获取数组最末尾的水果。

shift() 则是用来删除数组的第一个元素，并返回该元素。使用let firstFruit = fruits.shift();可以移除并获取数组最前面的水果。

SPLICE()

splice() 方法通过删除、替换现有元素或添加新元素来更改数组的内容，格式为array.splice(start[, deleteCount[, item1[, item2[, ...]]]])。比如fruits.splice(1, 0, 'orange');可以在索引1的位置添加'orange'。

二、数组切割与连接方法

SLICE()

slice() 方法返回一个新的数组对象，这个对象是一个由begin到end决定的原数组的浅拷贝（包括begin，不包括end），原始数组不会被修改。例如，let citrusFruits = fruits.slice(1, 3);会提取位于索引1和2的元素。

CONCAT()

concat() 方法用于合并两个或多个数组。该方法不会改变现有的数组，而是返回一个新数组。let tropicalFruits = ['pineapple', 'papaya']; let allFruits = fruits.concat(tropicalFruits);合并了两个水果数组。

三、数组遍历与映射方法

FOREACH()

forEach() 方法对数组的每个元素执行一次提供的函数。这是一个对数组进行操作的常见方式，它不会返回结果，仅用于调用一个函数。例：fruits.forEach(function(item, index){ console.log(index, item); });

MAP()

map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后的返回值。例如let fruitLengths = fruits.map(function(item){ return item.length; });会创建一个包含每个水果名长度的新数组。

四、数组搜索与筛选方法

INDEXOF() 和 INCLUDES()

indexOf() 方法返回在数组中可以找到一个给定元素的第一个索引，如果不存在，则返回-1。let pos = fruits.indexOf('banana');能够得到'banana'在数组中的位置。

includes() 方法用来判断一个数组是否包含一个指定的值，根据情况返回true或false。例：let hasApple = fruits.includes('apple');

FILTER()

filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。像 let longFruits = fruits.filter(item => item.length > 5);会创建一个长度大于5的水果名数组。

FIND() 和 FINDINDEX()

find() 方法返回数组中满足提供的测试函数的第一个元素的值。let found = fruits.find(function(item){ return item === 'apple'; });会返回'apple'。

findIndex() 方法返回数组中满足提供的测试函数的第一个元素的索引。例：let foundIndex = fruits.findIndex(item => item === 'banana');找到'banana'的索引。

五、数组累计方法

REDUCE()

reduce() 方法对累加器和数组中的每个元素（从左到右）应用一个函数，将其减少为单个值。它经常用于计算数组中值的总和或产生单一的结果值。例：let sum = [0, 1, 2, 3].reduce(function(accumulator, currentValue){ return accumulator + currentValue; });

通常，在实际编程工作中，以上各种方法常常结合使用，以达到处理数组数据的目的。每种方法的应用场景和效果都有独特之处，了解它们的内在逻辑和实际操作是掌握JavaScript数组操作的关键。

相关问答FAQs：

1. JavaScript 数组常用的方法有哪些？
JavaScript 数组有许多常用的方法，以下列举了其中一些常用的方法：

• push(): 在数组的末尾添加一个或多个元素，并返回新的长度。
• pop(): 删除并返回数组的最后一个元素。
• shift(): 删除并返回数组的第一个元素。
• unshift(): 在数组的开头添加一个或多个元素，并返回新的长度。
• concat(): 合并两个或多个数组，并返回一个新数组。
• slice(): 提取数组的一部分，并返回一个新数组，不修改原有数组。
• splice(): 从数组中删除、替换或插入元素，并返回已删除的元素，会修改原有数组。
• indexOf(): 返回数组中指定元素第一次出现的索引，如果不存在，则返回-1。
• lastIndexOf(): 返回数组中指定元素最后一次出现的索引，如果不存在，则返回-1。
• forEach(): 遍历数组的每个元素，并对其执行指定的回调函数。
• map(): 遍历数组的每个元素，并根据回调函数的返回值创建一个新数组。
• filter(): 遍历数组的每个元素，并根据回调函数的返回值过滤出符合条件的元素，创建一个新数组。
• reduce(): 遍历数组的每个元素，并将其累积到一个值，返回最后的累积结果。
• sort(): 对数组的元素进行排序，默认按照字符串的Unicode码点顺序进行排序。
• reverse(): 颠倒数组中元素的顺序。

这些方法可以帮助您在 JavaScript 中对数组进行常见的操作和处理。

最后建议，企业在引入信息化系统初期，切记要合理有效地运用好工具，这样一来不仅可以让公司业务高效地运行，还能最大程度保证团队目标的达成。同时还能大幅缩短系统开发和部署的时间成本。特别是有特定需求功能需要定制化的企业，可以采用我们公司自研的企业级低代码平台：织信Informat。 织信平台基于数据模型优先的设计理念，提供大量标准化的组件，内置AI助手、组件设计器、自动化（图形化编程）、脚本、工作流引擎（BPMN2.0）、自定义API、表单设计器、权限、仪表盘等功能，能帮助企业构建高度复杂核心的数字化系统。如ERP、MES、CRM、PLM、SCM、WMS、项目管理、流程管理等多个应用场景，全面助力企业落地国产化/信息化/数字化转型战略目标。 版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们微信：Informat_5 处理，核实后本网站将在24小时内删除。