原生html,js遍历数组
时间: 2024-12-01 21:10:18 浏览: 3
JavaScript中利用for循环遍历数组
5星 · 资源好评率100%
原生HTML和JavaScript遍历数组通常有两种常见方式:
1. **for循环**:
```javascript
let arr = [1, 2, 3, 4, 5];
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]); // 输出数组元素
}
```
2. **forEach方法**:
```javascript
arr.forEach(function(item) {
console.log(item);
});
```
或者简化语法,如果数组元素可以被直接访问,如数字或字符串:
```javascript
arr.forEach(item => console.log(item));
```
3. **map、filter、reduce等高级方法**:
这些方法提供了更强大的功能,例如获取新数组、过滤数据或对数组求总和:
```javascript
let newArr = arr.map(item => item * 2); // 新数组包含原数组元素翻倍的结果
let filteredArr = arr.filter(item => item > 3); // 筛选出大于3的元素
let sum = arr.reduce((total, item) => total + item, 0); // 计算数组所有元素之和
```
阅读全文