javascript 编程数组常用的方法有哪些

数组在JavaScript编程中扮演着重要的角色，它提供了多种常用的方法用来处理数据集合。这些方法包括用于迭代、转换、搜索、排序、修改数组长度以及修改数组内容的函数。 属于常用的数组方法有：forEach()、map()、filter()、reduce()、find()、findIndex()、includes()、push()、pop()、shift()、unshift()、sort()、slice()、splice(),等。

forEach()方法是用来遍历数组的，它不返回任何值，但对于每个数组元素执行定义的回调函数。这种迭代方法用于在数组的每个元素上执行一些操作时非常方便，无需手动编写循环。

一、迭代方法

forEach()

forEach()方法对数组的每个元素执行一次提供的函数。这是基本的迭代方法，不返回任何值，仅用于执行每个元素上的操作。

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

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

map()

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

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

const map1 = array2.map(x => x * 2);
console.log(map1); // 输出 [2, 8, 18, 32]

二、转换方法

reduce()

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

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

const reducedValue = array3.reduce((accumulator, currentValue) => accumulator + currentValue);
console.log(reducedValue); // 输出 10

filter()

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

const array4 = [1, 2, 3, 4, 5];

const filtered = array4.filter(num => num > 3);
console.log(filtered); // 输出 [4, 5]

三、搜索和位置方法

find()

find()方法返回数组中满足提供的测试函数的第一个元素的值，否则返回 undefined。

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

const found = array5.find(element => element > 10);
console.log(found); // 输出 12

indexOf()

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

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

console.log(beasts.indexOf('bison')); // 输出 1

四、修改数组内容和结构

push() 和 pop()

push()方法将一个或多个元素添加到数组的末尾，并返回新数组的长度。相对的，pop()方法则从数组中删除最后一个元素，并返回该元素的值。

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

const count = animals.push('cows');
console.log(count); // 输出 4
console.log(animals); // 输出 ["pigs", "goats", "sheep", "cows"]
const removedAnimal = animals.pop();
console.log(removedAnimal); // 输出 "cows"

shift() 和 unshift()

shift()方法从数组中删除第一个元素，并返回被删除的元素；unshift()则将一个或多个元素添加到数组的开头，并返回新的长度。

const myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];

const shifted = myFish.shift(); 
console.log(shifted); // 输出 "angel"
const unshiftedCount = myFish.unshift('shark', 'blackmolly');
console.log(unshiftedCount); // 输出 5

splice()

splice()方法通过删除、替换现有元素或原地添加新的元素来修改数组。

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

months.splice(1, 0, 'Feb');
// inserts at index 1
console.log(months); // 输出 ["Jan", "Feb", "March", "April", "June"]
months.splice(4, 1, 'May');
// replaces 1 element at index 4
console.log(months); // 输出 ["Jan", "Feb", "March", "April", "May"]

五、排序方法

sort()

sort()方法用原地算法对数组的元素进行排序，并返回数组。默认排序顺序是在将元素转换为字符串，然后比较它们的UTF-16代码单元值序列时构建的。

const months = ['March', 'Jan', 'Feb', 'Dec'];

months.sort();
console.log(months); // 输出 ["Dec", "Feb", "Jan", "March"]

以上是JavaScript编程中常用的几种数组方法，每种方法的使用根据具体的应用场景和要解决的问题来决定。掌握这些数组方法对于进行有效的数据操作，编写高效和简洁的代码至关重要。

相关问答FAQs：

1. 如何创建一个空数组？
你可以使用以下代码来创建一个空数组：

let arr = [];

2. 如何向数组中添加元素？
你可以使用push()方法向数组末尾添加一个或多个元素，或者使用unshift()方法向数组开头添加一个或多个元素。例如：

let arr = [1, 2, 3];
arr.push(4); // [1, 2, 3, 4]
arr.unshift(0); // [0, 1, 2, 3, 4]

3. 如何删除数组中的元素？
你可以使用pop()方法删除数组末尾的元素，或者使用shift()方法删除数组开头的元素。例如：

let arr = [0, 1, 2, 3, 4];
arr.pop(); // [0, 1, 2, 3]
arr.shift(); // [1, 2, 3]

4. 如何获取数组的长度？
你可以使用length属性获取数组的长度，例如：

let arr = [1, 2, 3];
console.log(arr.length); // 3

5. 如何访问数组中的元素？
你可以使用索引来访问数组中的元素，索引从0开始。例如：

let arr = [1, 2, 3];
console.log(arr[0]); // 1
console.log(arr[2]); // 3

6. 如何判断一个元素是否在数组中？
你可以使用includes()方法来判断一个元素是否在数组中，例如：

let arr = [1, 2, 3];
console.log(arr.includes(2)); // true
console.log(arr.includes(4)); // false

7. 如何遍历数组中的元素？
你可以使用for循环、forEach()方法或者for...of循环来遍历数组中的元素，例如：

let arr = [1, 2, 3];
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

arr.forEach(function(element) {
  console.log(element);
});

for (let element of arr) {
  console.log(element);
}

8. 如何在数组中查找某个元素的索引？
你可以使用indexOf()方法来查找某个元素在数组中的索引，例如：

let arr = [1, 2, 3];
console.log(arr.indexOf(2)); // 1
console.log(arr.indexOf(4)); // -1

9. 如何对数组进行排序？
你可以使用sort()方法对数组进行排序，默认按照字母顺序排序。例如：

let arr = [3, 2, 1];
arr.sort(); // [1, 2, 3]

10. 如何连接两个数组？
你可以使用concat()方法将两个数组合并成一个数组，例如：

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let arr3 = arr1.concat(arr2); // [1, 2, 3, 4, 5, 6]

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