js循环遍历多个数组对象
时间: 2023-07-19 20:38:50 浏览: 88
js数组循环遍历数组内所有元素的方法
5星 · 资源好评率100%
你可以使用 `Array.prototype.forEach()` 方法来遍历多个数组对象。以下是一个示例代码:
```javascript
const arr1 = [{name: 'John', age: 30}, {name: 'Mary', age: 25}];
const arr2 = [{name: 'Bob', age: 40}, {name: 'Jane', age: 35}];
arr1.forEach(obj1 => {
arr2.forEach(obj2 => {
console.log(`${obj1.name} is ${obj1.age} years old, and ${obj2.name} is ${obj2.age} years old.`);
});
});
```
上述代码将输出以下内容:
```
John is 30 years old, and Bob is 40 years old.
John is 30 years old, and Jane is 35 years old.
Mary is 25 years old, and Bob is 40 years old.
Mary is 25 years old, and Jane is 35 years old.
```
这个示例代码假设两个数组对象的长度相等。如果两个数组对象的长度不相等,你需要在嵌套的循环中添加一些条件来确保在遍历时不会访问到未定义的数组元素。
注意,`forEach()` 方法在回调函数中的第一个参数是当前遍历到的数组元素,第二个参数是当前遍历到的数组元素的索引。在上述示例代码中,我们使用了箭头函数来定义回调函数,但你也可以使用普通的函数。
阅读全文