JavaScript 常用的数组方法有哪些

数组是JavaScript中的基础数据结构，它们通过一系列方法提供丰富的数据操作能力。常用的数组方法包括但不限于：forEach()、map()、filter()、reduce()、find()、findIndex()、includes()、push()、pop()、shift()、unshift()、slice()、splice()、以及sort()。这些方法在开发中几乎是每天都要用到的。以 map() 方法为例，它会调用数组的每个元素，并将结果收集为新数组。比如，我们要将数组中的数字翻倍，就可以使用 map() 方法进行简单的迭代，返回一个新的数组，其中包含原始数组元素的两倍。

---

一、数组遍历方法

forEach()

forEach() 方法用于遍历数组，对数组中的每个元素执行一次提供的函数。这个方法无法“跳过”数组中的任何元素，它是一个常规逐一处理数组元素的好方法。

const array1 = ['a', 'b', 'c'];

array1.forEach(element => console.log(element));

map()

map() 方法创建一个新数组，其结果是该数组中的每个元素调用一次提供的函数后的返回值。

const array2 = [1, 4, 9, 16];

// 结果：[2, 8, 18, 32]
const map1 = array2.map(x => x * 2);

二、数组筛选与转换方法

filter()

filter() 方法创建一个新数组，包含通过所提供函数实现的测试的所有元素。

const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];

const result = words.filter(word => word.length > 6);
// 结果：["exuberant", "destruction", "present"]

reduce()

reduce() 方法对数组中的每个元素执行一个由您提供的reducer函数（升序执行），将其结果汇总为单个返回值。

const array3 = [1, 2, 3, 4];

const reducer = (accumulator, currentValue) => accumulator + currentValue;
// 结果：10
console.log(array3.reduce(reducer));

三、元素查找方法

find()

find() 方法返回数组中满足提供的测试函数的第一个元素的值。如果没有找到任何元素返回 undefined。

const array4 = [5, 12, 8, 130, 44];

const found = array4.find(element => element > 10);
// 结果：12

findIndex()

findIndex() 方法返回数组中满足提供的测试函数的第一个元素的索引。如果没有找到对应元素则返回 -1。

const array5 = [5, 12, 8, 130, 44];

const isLargeNumber = (element) => element > 13;
// 结果：3
console.log(array5.findIndex(isLargeNumber));

四、元素存在性与位置方法

includes()

includes() 方法用于判断数组中是否包含一个指定的值，根据情况返回 true 或者 false。

const array6 = [1, 2, 3];

console.log(array6.includes(2));     // true
console.log(array6.includes(4));     // false

indexOf()

indexOf() 方法返回在数组中可以找到一个给定元素的第一个索引，如果不存在，则返回-1。

const beasts = ['ant', 'bison', 'camel', 'duck', 'bison'];

console.log(beasts.indexOf('bison'));       // 1
console.log(beasts.indexOf('bison', 2));    // 4

五、数组新增与删除方法

push()

push() 方法将一个或多个元素添加到数组的末尾，并返回数组的新长度。

const animals = ['pigs', 'goats', 'sheep'];

const count = animals.push('cows');
// 结果：animals: ["pigs", "goats", "sheep", "cows"], count: 4

pop()

pop() 方法从数组中删除最后一个元素，并返回该元素的值。此方法更改数组的长度。

const plants = ['broccoli', 'cauliflower', 'cabbage', 'kale', 'tomato'];

console.log(plants.pop());
// 结果：'tomato'

shift()

shift() 方法从数组中删除第一个元素，并返回被删除的元素。此方法更改数组的长度。

const array7 = [1, 2, 3];

const firstElement = array7.shift();
// 结果：2, 3

unshift()

unshift() 方法将一个或多个元素添加到数组的开头，并返回新数组的长度。

const array8 = [4, 5, 6, 7];

const newLength = array8.unshift(3);
// 结果：[3, 4, 5, 6, 7], newLength: 5

六、数组剪切与拼接方法

slice()

slice() 方法返回一个新的数组对象，这一对象是一个由 begin 和 end 决定的原数组的浅拷贝（数组元素本身不会被复制，如果是引用类型，复制的是引用）。

const animals2 = ['ant', 'bison', 'camel', 'duck', 'elephant'];

console.log(animals2.slice(2));       // ["camel", "duck", "elephant"]
console.log(animals2.slice(2, 4));    // ["camel", "duck"]

splice()

splice() 方法通过删除、替换现有元素或者原地添加新的元素来修改数组，并以数组形式返回被修改的内容。

const months = ['Jan', 'March', 'April', 'June'];

months.splice(1, 0, 'Feb');");
// 结果：["Jan", "Feb", "March", "April", "June"]

七、数组排序与反转方法

sort()

sort() 方法用原地算法对数组的元素进行排序，并返回数组。

const array9 = [3, 1, 4, 1, 5, 9];

array9.sort();
// 结果：[1, 1, 3, 4, 5, 9]

reverse()

reverse() 方法将数组中元素的位置颠倒，并返回该数组。该方法会改变原来的数组。

const array10 = ['one', 'two', 'three'];

array10.reverse();
// 结果：["three", "two", "one"]

以上就是JavaScript中的一些常用数组方法，利用这些方法能够有效地操作和管理数组中的数据。在实际开发中，根据不同的需求选取合适的方法，能够写出更简洁、高效的代码。

相关问答FAQs：

1. JavaScript的常用数组方法有哪些？

• JavaScript提供了许多实用的数组方法，用于对数组进行操作和处理。
• 其中一些常用的数组方法包括push（向数组末尾添加元素）、pop（从数组末尾删除元素）、splice（删除、替换或添加元素）、slice（截取数组的一部分）、concat（将多个数组合并）、join（将数组元素连接为字符串）、shift（删除数组的第一个元素）、unshift（在数组开头添加元素）、filter（通过指定函数过滤数组元素）和map（通过指定函数对每个元素执行操作并返回新数组）等等。
• 这些方法可以帮助您更轻松地操作和管理数组，使编写JavaScript代码变得更有效和简洁。

2. 如何使用JavaScript数组方法对数组进行操作？

• 要使用JavaScript数组方法对数组进行操作，首先需要创建一个数组变量，并将初始值赋给它。
• 然后，您可以使用数组方法来执行各种操作，例如向数组中添加元素、删除元素、替换元素、截取部分数组等等。
• 您可以根据具体需求选择合适的数组方法，并根据方法的参数要求传递相应的参数。
• 使用这些数组方法，您可以更灵活地处理和操作JavaScript数组，将其用于实现各种功能需求。

3. 有什么技巧可以提高JavaScript数组方法的使用效率？

• 若要提高JavaScript数组方法的使用效率，可以注意一些技巧和小窍门。
• 首先，尽量减少对数组的不必要操作和循环。在处理数组时，确保每一次操作都是必要且有效的，避免进行冗余的操作或循环。
• 其次，合理使用数组方法的参数。了解每个数组方法的参数要求和用法，根据实际需求传递适当的参数，以避免不必要的遍历和操作。
• 另外，使用合适的数组方法可以更高效地实现期望的功能。深入了解JavaScript的数组方法，了解它们的特性和适用场景，有助于您更好地选择和应用合适的方法，提高代码的效率和可读性。

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