【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

相关文章

用js控制视频播放进度基本示例代码

《用js控制视频播放进度基本示例代码》写前端的时候,很多的时候是需要支持要网页视频播放的功能,下面这篇文章主要给大家介绍了关于用js控制视频播放进度的相关资料,文中通过代码介绍的非常详细,需要的朋友可... 目录前言html部分:JavaScript部分:注意:总结前言在javascript中控制视频播放

C语言实现两个变量值交换的三种方式

《C语言实现两个变量值交换的三种方式》两个变量值的交换是编程中最常见的问题之一,以下将介绍三种变量的交换方式,其中第一种方式是最常用也是最实用的,后两种方式一般只在特殊限制下使用,需要的朋友可以参考下... 目录1.使用临时变量(推荐)2.相加和相减的方式(值较大时可能丢失数据)3.按位异或运算1.使用临时

C++从序列容器中删除元素的四种方法

《C++从序列容器中删除元素的四种方法》删除元素的方法在序列容器和关联容器之间是非常不同的,在序列容器中,vector和string是最常用的,但这里也会介绍deque和list以供全面了解,尽管在一... 目录一、简介二、移除给定位置的元素三、移除与某个值相等的元素3.1、序列容器vector、deque

C++常见容器获取头元素的方法大全

《C++常见容器获取头元素的方法大全》在C++编程中,容器是存储和管理数据集合的重要工具,不同的容器提供了不同的接口来访问和操作其中的元素,获取容器的头元素(即第一个元素)是常见的操作之一,本文将详细... 目录一、std::vector二、std::list三、std::deque四、std::forwa

C++原地删除有序数组重复项的N种方法

《C++原地删除有序数组重复项的N种方法》给定一个排序数组,你需要在原地删除重复出现的元素,使得每个元素只出现一次,返回移除后数组的新长度,不要使用额外的数组空间,你必须在原地修改输入数组并在使用O(... 目录一、问题二、问题分析三、算法实现四、问题变体:最多保留两次五、分析和代码实现5.1、问题分析5.

Java中数组转换为列表的两种实现方式(超简单)

《Java中数组转换为列表的两种实现方式(超简单)》本文介绍了在Java中将数组转换为列表的两种常见方法使用Arrays.asList和Java8的StreamAPI,Arrays.asList方法简... 目录1. 使用Java Collections框架(Arrays.asList)1.1 示例代码1.

java两个List的交集,并集方式

《java两个List的交集,并集方式》文章主要介绍了Java中两个List的交集和并集的处理方法,推荐使用Apache的CollectionUtils工具类,因为它简单且不会改变原有集合,同时,文章... 目录Java两个List的交集,并集方法一方法二方法三总结java两个List的交集,并集方法一

Node.js net模块的使用示例

《Node.jsnet模块的使用示例》本文主要介绍了Node.jsnet模块的使用示例,net模块支持TCP通信,处理TCP连接和数据传输,具有一定的参考价值,感兴趣的可以了解一下... 目录简介引入 net 模块核心概念TCP (传输控制协议)Socket服务器TCP 服务器创建基本服务器服务器配置选项服

mac安装nvm(node.js)多版本管理实践步骤

《mac安装nvm(node.js)多版本管理实践步骤》:本文主要介绍mac安装nvm(node.js)多版本管理的相关资料,NVM是一个用于管理多个Node.js版本的命令行工具,它允许开发者在... 目录NVM功能简介MAC安装实践一、下载nvm二、安装nvm三、安装node.js总结NVM功能简介N

C++一个数组赋值给另一个数组方式

《C++一个数组赋值给另一个数组方式》文章介绍了三种在C++中将一个数组赋值给另一个数组的方法:使用循环逐个元素赋值、使用标准库函数std::copy或std::memcpy以及使用标准库容器,每种方... 目录C++一个数组赋值给另一个数组循环遍历赋值使用标准库中的函数 std::copy 或 std::