【js】两个数组内的元素依次相加得到一个新数组。

2024-05-15 18:28

本文主要是介绍【js】两个数组内的元素依次相加得到一个新数组。,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

在JavaScript中,如果你想要把两个数组的元素依次相加,你可以使用数组的map()方法配合索引来实现这个功能。假设这两个数组的长度相同,你可以这样做:

 
javascriptfunction addArrays(array1, array2) {
// 创建一个新数组,长度与输入数组相同
const result = [];// 使用数组的map方法遍历数组
array1.map((value, index) => {
// 将对应位置的元素相加,并推入新数组
result.push(value + array2[index]);
});// 返回结果数组
return result;
}// 示例数组
const array1 = [1, 2, 3];
const array2 = [4, 5, 6];// 调用函数并打印结果
console.log(addArrays(array1, array2)); // 输出: [5, 7, 9]

如果你想要更简洁的写法,你可以使用Array.prototype.reduce()方法,它同样可以完成这个任务:

 
javascriptfunction addArrays(array1, array2) {
// 假设两个数组长度相同
return array1.reduce((acc, val, index) => {
// 在累加器数组中添加两个对应位置元素的和
acc.push(val + array2[index]);
return acc;
}, []); // 初始值为空数组
}// 示例数组
const array1 = [1, 2, 3];
const array2 = [4, 5, 6];// 调用函数并打印结果
console.log(addArrays(array1, array2)); // 输出: [5, 7, 9]

请注意,如果两个数组的长度不同,你需要添加额外的逻辑来处理这种情况,比如使用较短的数组长度来防止越界错误,或者对较长数组剩余的元素进行特殊处理。

如果两个数组长度不同,并且你希望将较短数组的元素与较长数组的对应元素相加,剩余的元素保持不变,你可以这样做:

 
javascriptfunction addArrays(array1, array2) {
const maxLength = Math.max(array1.length, array2.length);
const result = [];for (let i = 0; i < maxLength; i++) {
// 如果array1有元素,取元素,否则取0
const val1 = i < array1.length ? array1[i] : 0;
// 如果array2有元素,取元素,否则取0
const val2 = i < array2.length ? array2[i] : 0;
// 将两个值相加并推入结果数组
result.push(val1 + val2);
}return result;
}// 示例数组,长度不同
const array1 = [1, 2, 3];
const array2 = [4, 5, 6, 7];// 调用函数并打印结果
console.log(addArrays(array1, array2)); // 输出: [5, 7, 9, 7]

在上面的代码中,maxLength 变量用于确保循环次数不会超过两个数组中较长的那个数组的长度。对于较短的数组,如果索引超出了其长度,就取0进行相加。

这篇关于【js】两个数组内的元素依次相加得到一个新数组。的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/992583

相关文章

JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法

《JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法》:本文主要介绍JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法,每种方法结合实例代码给大家介绍的非常... 目录引言:为什么"相等"判断如此重要?方法1:使用some()+includes()(适合小数组)方法2

Three.js构建一个 3D 商品展示空间完整实战项目

《Three.js构建一个3D商品展示空间完整实战项目》Three.js是一个强大的JavaScript库,专用于在Web浏览器中创建3D图形,:本文主要介绍Three.js构建一个3D商品展... 目录引言项目核心技术1. 项目架构与资源组织2. 多模型切换、交互热点绑定3. 移动端适配与帧率优化4. 可

Java中数组与栈和堆之间的关系说明

《Java中数组与栈和堆之间的关系说明》文章讲解了Java数组的初始化方式、内存存储机制、引用传递特性及遍历、排序、拷贝技巧,强调引用数据类型方法调用时形参可能修改实参,但需注意引用指向单一对象的特性... 目录Java中数组与栈和堆的关系遍历数组接下来是一些编程小技巧总结Java中数组与栈和堆的关系关于

把Python列表中的元素移动到开头的三种方法

《把Python列表中的元素移动到开头的三种方法》在Python编程中,我们经常需要对列表(list)进行操作,有时,我们希望将列表中的某个元素移动到最前面,使其成为第一项,本文给大家介绍了把Pyth... 目录一、查找删除插入法1. 找到元素的索引2. 移除元素3. 插入到列表开头二、使用列表切片(Lis

Spring Boot配置和使用两个数据源的实现步骤

《SpringBoot配置和使用两个数据源的实现步骤》本文详解SpringBoot配置双数据源方法,包含配置文件设置、Bean创建、事务管理器配置及@Qualifier注解使用,强调主数据源标记、代... 目录Spring Boot配置和使用两个数据源技术背景实现步骤1. 配置数据源信息2. 创建数据源Be

Java中的数组与集合基本用法详解

《Java中的数组与集合基本用法详解》本文介绍了Java数组和集合框架的基础知识,数组部分涵盖了一维、二维及多维数组的声明、初始化、访问与遍历方法,以及Arrays类的常用操作,对Java数组与集合相... 目录一、Java数组基础1.1 数组结构概述1.2 一维数组1.2.1 声明与初始化1.2.2 访问

C# 比较两个list 之间元素差异的常用方法

《C#比较两个list之间元素差异的常用方法》:本文主要介绍C#比较两个list之间元素差异,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录1. 使用Except方法2. 使用Except的逆操作3. 使用LINQ的Join,GroupJoin

MySQL查询JSON数组字段包含特定字符串的方法

《MySQL查询JSON数组字段包含特定字符串的方法》在MySQL数据库中,当某个字段存储的是JSON数组,需要查询数组中包含特定字符串的记录时传统的LIKE语句无法直接使用,下面小编就为大家介绍两种... 目录问题背景解决方案对比1. 精确匹配方案(推荐)2. 模糊匹配方案参数化查询示例使用场景建议性能优

关于集合与数组转换实现方法

《关于集合与数组转换实现方法》:本文主要介绍关于集合与数组转换实现方法,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1、Arrays.asList()1.1、方法作用1.2、内部实现1.3、修改元素的影响1.4、注意事项2、list.toArray()2.1、方

python3如何找到字典的下标index、获取list中指定元素的位置索引

《python3如何找到字典的下标index、获取list中指定元素的位置索引》:本文主要介绍python3如何找到字典的下标index、获取list中指定元素的位置索引问题,具有很好的参考价值,... 目录enumerate()找到字典的下标 index获取list中指定元素的位置索引总结enumerat