js 数组累计

js 数组累计

在JavaScript中，数组累计是一个常见且重要的操作。通过累计数组，我们可以将数组中的元素按照特定规则依次进行计算，从而得到我们想要的结果。在本文中，我将介绍如何使用JavaScript对数组进行累计操作，并给出一些示例代码来帮助大家更好地理解。

累加数组元素

累加数组元素是数组累计操作的一种常见形式，即将数组中的所有元素按照特定规则进行求和。我们可以使用reduce()方法来实现这一功能，该方法接受一个回调函数作为参数，用于指定累加规则。

下面是一个简单的示例代码：

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

const sum = nums.reduce((acc, curr) => acc + curr, 0);

console.log(sum);

运行结果为：

15

在上面的示例中，我们定义了一个包含数字1到5的数组nums，然后使用reduce()方法对数组中的元素进行累加，最后输出为15。

累加字符串长度

除了累加数字之外，我们还可以对数组中的字符串进行累加操作。在这种情况下，我们可以使用reduce()方法结合length属性来计算字符串的总长度。

下面是一个示例代码：

const strings = ['deepinout.com', 'javascript', 'array'];

const totalLength = strings.reduce((acc, curr) => acc + curr.length, 0);

console.log(totalLength);

运行结果为：

25

在上面的示例中，我们定义了一个包含三个字符串的数组strings，然后使用reduce()方法对每个字符串的长度进行累加，最后输出为25。

累加数组元素并过滤

有时候，我们还需要在累加数组元素的同时进行筛选操作，只保留符合条件的元素。在这种情况下，我们可以在reduce()方法的回调函数中加入条件判断语句来实现。

下面是一个示例代码：

const nums = [1, 2, 3, 4, 5, 6];

const sumEven = nums.reduce((acc, curr) => {
  if (curr % 2 === 0) {
    return acc + curr;
  } else {
    return acc;
  }
}, 0);

console.log(sumEven);

运行结果为：

12

在上面的示例中，我们定义了一个包含数字1到6的数组nums，然后使用reduce()方法对数组中的偶数进行累加，最后输出为12。

累加对象属性值

除了累加数组元素之外，我们还可以对包含对象的数组进行累加操作，计算对象的某个属性值的总和。这时，我们可以结合reduce()方法和对象属性的访问来实现。

下面是一个示例代码：

const users = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Carol', age: 35 }
];

const totalAge = users.reduce((acc, curr) => acc + curr.age, 0);

console.log(totalAge);

运行结果为：

90

在上面的示例中，我们定义了一个包含三个对象的数组users，每个对象包含name和age属性，然后使用reduce()方法对每个对象的age属性进行累加，最后输出为90。

总结一下，数组累计是JavaScript中非常常见和有用的操作，可以帮助我们对数组中的元素进行计算，并得到我们想要的结果。