JavaScript中实现向量加法的四种方法
本文详细讲解在JavaScript中实现向量加法的四种主要方式。通过构造函数结合for循环、利用Array.prototype.map方法、ES6 Class语法以及扩展原生Array类，分别展示了具体的代码实现与逻辑。内容涵盖参数校验、结果返回及错误处理，帮助开发者根据项目需求选择最合适的向量运算方案。
本文将介绍在 JavaScript 中实现向量加法的多种技术方案。
方法一：基于 for 循环与构造函数的向量类
在 JavaScript 中，可以通过 for 循环实现两个向量的加法，前提是向量数据以数组形式存储。
首先定义一个构造函数，用于执行加法操作并返回结果。为了保持代码整洁并提高在其他项目中的复用性，建议将加法逻辑与构造函数分离编写。
加法函数的设计需支持第一个向量（调用者）对第二个向量（被调用者）发起调用。
在此模式下，第一个向量作为调用方，第二个向量作为被调用方。加法函数的执行逻辑如下：
- 首先验证参数是否为长度相同的数组，这两个参数分别代表调用者向量和被调用者向量。
- 初始化一个空数组，用于存储向量加法运算的最终结果。
- 遍历调用者数组中的元素。
- 利用循环索引，将调用者数组与被调用者数组对应位置的元素相加。
- 将结果推入步骤 1 创建的空数组。因此，它不再为空，因为它具有加法的结果。
- 基于包含结果的新数组，返回构造函数生成的新实例。
- 若处理过程中出现异常，则返回错误信息。
以下代码实现了上述步骤，并增加了额外的检查机制，以确保用户传递的向量值格式正确。
通过添加两个向量来测试向量加法功能，并将结果输出至 Web 浏览器控制台。
代码实现如下：
function Vector(arg) {
this.array = arg;
this.add = add;
}
function add(called_array) {
if (Array.isArray(this.array) && Array.isArray(called_array.array)) {
if (this.array.length === called_array.array.length) {
let result = [];
for (let i = 0; i < this.array.length; i++) {
if (typeof(this.array[i]) == "number" && typeof(called_array.array[i]) == "number") {
result.push(this.array[i] + called_array.array[i]);
} else {
result.push("Invalid vector value");
}
}
return new Vector(result);
} else {
return new Vector("The vectors are not the same length.");
}
} else {
return new Vector("One of your arguments or both of them is not an array.");
}
}
let caller_array = new Vector([3,5,7]);
let called_array = new Vector ([5,2,9]);
console.log(caller_array.add(called_array).array);运行结果：
Array(3) [ 8, 7, 16 ]
方法二：利用 实现向量类加法
使用 Array.prototype.map() 进行向量加法时，向量本身必须是 JavaScript 数组。与上一节类似，第一个数组应作为调用者。
这意味着我们需要定义一个辅助添加操作的构造函数，但与上一节不同，此处不将 add() 函数与构造函数分离定义。
本次方案中，我们将 add() 函数定义为构造函数原型的一部分。
add() 函数将返回构造函数的一个新实例，该实例的参数是调用数组在被调用数组上应用自定义函数 Array.prototype.map() 后的结果。
该自定义函数负责执行数组元素的加法操作。
以下代码使用 Array.prototype.map() 实现向量加法，并在过程中检查参数是否为长度相同的数组。
此外，若参数不符合要求，代码将抛出 TypeError 异常。
代码实现如下：
var Vector = function (arg){
this.array = arg;
};
Vector.prototype.add = function(called_array){
called_array = called_array.array;
let caller_array = this.array;
if (Array.isArray(caller_array) && Array.isArray(called_array)) {
if (caller_array.length !== called_array.length) {
throw new TypeError("Vectors have different length");
}
} else {
return new Vector("One of your arguments or both of them is not an array.");
}
return new Vector(caller_array.map(
function (caller_array_element, called_array_element) {
if (typeof(caller_array_element) == "number" && typeof(called_array_element) == "number") {
return caller_array_element + called_array[called_array_element];
} else {
return 'Invalid Vector value';
}
}));
}
let caller_array = new Vector([9,8,5]);
let called_array = new Vector ([2,5,8]);
console.log(caller_array.add(called_array).array);运行结果：
Array(3) [ 11, 13, 13 ]
方法三：基于 ES6 类的向量加法
使用 ES6 类进行向量加法的核心逻辑在于自定义 add() 函数，该函数利用 for 循环执行向量加法，并返回 ES6 类的新实例。在添加向量前，请确保数据已存储于数组中。
随后，第一个数组应在第二个数组上调用 add() 函数。
以下代码展示了一个 ES6 类，它通过 add() 函数实现两个数组的加法。加法完成后，将结果传递给 ES6 类的新实例。
代码实现如下：
class Vector {
constructor(arr) {
this.arr = arr;
}
add(called_array) {
let caller_array = called_array.arr;
if (Array.isArray(this.arr) && Array.isArray(caller_array)) {
if (this.arr.length === caller_array.length) {
let result = [];
for (let key in this.arr) {
if (typeof(this.arr[key]) == "number" && typeof(caller_array[key]) == "number") {
result[key] = this.arr[key] + caller_array[key];
} else {
result[key] = "Invalid Vector Value.";
}
}
return new Vector(result);
} else {
return new Vector('The vectors are not the same length.');
}
} else {
return new Vector("One of your arguments or both of them is not an array.");
}
}
}
let caller_array = new Vector([3,6,0]);
let called_array = new Vector ([1,5,0]);
console.log(caller_array.add(called_array).arr);运行结果：
Array(3) [ 4, 11, 0 ]
方法四：通过扩展 Array 类实现 Vector 类
可以创建一个继承自 JavaScript 原生 Array 类的 Vector 类，该类需实现向量加法函数。
第一个向量可以调用第二个向量上的函数，从而获得加法结果。
以下代码中，我们扩展了原生 Array 类，并使用 map() 函数遍历调用数组。随后，将遍历到的元素添加到调用者数组中，生成最终结果。
代码实现如下：
class Vector extends Array {
add(called_array) {
if (this.length == called_array.length) {
return this.map((caller_array_element, called_array_element) => {
if (typeof(caller_array_element) == "number" && typeof(called_array_element) == "number"){
return caller_array_element + called_array[called_array_element];
} else {
return 'Invalid Vector value';
};
})
} else {
return "The vectors are not the same length.";
}
}
}
let caller_array = new Vector(1, 2, 4);
let called_array = new Vector(3, 9, 20);
console.log(caller_array.add(called_array));运行结果：
Array(3) [ 4, 11, 24 ]
本文介绍了如何在 JavaScript 中添加向量 (Vector) 类，更多相关 js 添加向量 (Vector) 类内容请搜索本站以前的文章或继续浏览下面的相关文章，希望大家以后多多支持本站！
JS split切割后出现空字符串怎么过滤
2026-11-05 16:00:30
在 React 或 Vue 项目中封装使用 JS 节流防抖
2026-11-05 15:27:29
JavaScript中怎么将带小数的字符串转为整数？
2026-11-05 14:32:38
怎么用JavaScript策略模式重构电商促销计算逻辑？
2026-11-05 14:01:09
JS使用constructor判断数据类型可靠吗
2026-11-05 13:49:41