JS数组相加|极客笔记

JS数组相加

在JavaScript中，数组是一种非常常用的数据结构，它可以存储多个元素并且可以动态地增加或删除元素。在实际开发中，有时候我们需要对数组进行相加操作，即将两个数组中对应位置的元素相加得到一个新的数组。本文将详细讨论在JavaScript中如何实现数组的相加操作。

方法一：使用for循环逐个相加

最简单的方法是使用for循环逐个遍历两个数组中的元素，并将对应位置的元素相加得到新的数组。下面是一个示例代码：

function addArrays(arr1, arr2) {
  let result = [];

  // 判断两个数组长度是否一致
  if(arr1.length !== arr2.length) {
    throw new Error("两个数组长度不一致");
  }

  // 使用for循环逐个相加
  for(let i = 0; i < arr1.length; i++) {
    result.push(arr1[i] + arr2[i]);
  }

  return result;
}

// 测试代码
let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
console.log(addArrays(arr1, arr2)); // [5, 7, 9]

在上面的示例代码中，我们定义了一个addArrays函数，接受两个数组作为参数，并使用for循环逐个相加得到新的数组。我们还添加了一个判断，如果两个数组的长度不一致，就会抛出一个错误。最后我们对函数进行了测试，输出了相加后的结果。

方法二：使用map方法进行相加

除了使用for循环，我们还可以使用数组的map方法对两个数组进行相加操作。map方法会对数组中的每个元素执行给定的函数，并返回一个新的数组。下面是一个示例代码：

function addArrays(arr1, arr2) {
  // 判断两个数组长度是否一致
  if(arr1.length !== arr2.length) {
    throw new Error("两个数组长度不一致");
  }

  // 使用map方法进行相加
  let result = arr1.map((element, index) => {
    return element + arr2[index];
  });

  return result;
}

// 测试代码
let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
console.log(addArrays(arr1, arr2)); // [5, 7, 9]

在上面的示例代码中，我们使用了数组的map方法来遍历其中一个数组，并通过索引来访问另一个数组相同位置的元素进行相加。这种方法相比于for循环更加简洁和优雅。

方法三：使用reduce方法进行累加

另一种实现数组相加的方法是使用数组的reduce方法进行累加操作。reduce方法接受一个函数作为参数，该函数接受两个参数，分别表示累加的结果和当前元素，然后返回累加后的结果。下面是一个示例代码：

function addArrays(arr1, arr2) {
  // 判断两个数组长度是否一致
  if(arr1.length !== arr2.length) {
    throw new Error("两个数组长度不一致");
  }

  // 使用reduce方法进行累加
  let result = arr1.reduce((acc, element, index) => {
    return acc.concat(element + arr2[index]);
  }, []);

  return result;
}

// 测试代码
let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
console.log(addArrays(arr1, arr2)); // [5, 7, 9]

在上面的示例代码中，我们使用了数组的reduce方法对两个数组进行累加操作，然后将结果返回。使用reduce方法的好处是可以在一行代码中完成累加操作，但相对于map方法可能会稍显复杂。