当前位置:首页 > JavaScript

js实现遍历

2026-03-15 00:07:40JavaScript

遍历数组的方法

使用for循环是最基础的遍历方式,适用于所有数组。

const arr = [1, 2, 3];
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

forEach方法对数组的每个元素执行一次给定的函数。

const arr = [1, 2, 3];
arr.forEach(item => {
  console.log(item);
});

遍历对象的方法

for...in循环可以遍历对象的所有可枚举属性。

js实现遍历

const obj = { a: 1, b: 2 };
for (const key in obj) {
  console.log(key, obj[key]);
}

Object.keys()方法返回一个由对象的键组成的数组,可以结合数组遍历方法使用。

const obj = { a: 1, b: 2 };
Object.keys(obj).forEach(key => {
  console.log(key, obj[key]);
});

遍历Map和Set

Map可以使用forEach方法进行遍历。

js实现遍历

const map = new Map([['a', 1], ['b', 2]]);
map.forEach((value, key) => {
  console.log(key, value);
});

Set也可以使用forEach方法进行遍历。

const set = new Set([1, 2, 3]);
set.forEach(value => {
  console.log(value);
});

ES6新增的遍历方法

for...of循环可以遍历可迭代对象(如Array, Map, Set, String等)。

const arr = [1, 2, 3];
for (const item of arr) {
  console.log(item);
}

递归遍历树形结构

对于树形结构的数据,可以使用递归进行遍历。

function traverseTree(node) {
  console.log(node.value);
  if (node.children) {
    node.children.forEach(child => traverseTree(child));
  }
}

标签: 遍历js
分享给朋友:

相关文章

jquery js

jquery js

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,使开发者能够更高…

js实现授权

js实现授权

授权流程设计 授权流程通常涉及前端与后端的交互,常见方案包括OAuth2.0、JWT等。以JWT为例的典型流程: 用户提交凭证(如用户名密码)到认证服务 服务端验证通过后生成包含用户信息的JWT令牌…

js实现滚动

js实现滚动

实现滚动效果的方法 在JavaScript中实现滚动效果可以通过多种方式完成,以下是一些常见的方法: 使用window.scrollTo() window.scrollTo()方法可以将页面滚动到指…

js实现上传文件

js实现上传文件

文件上传的基本实现 使用HTML的<input type="file">元素配合JavaScript的File API可以实现文件上传功能。 <input type="file"…

js实现滑动

js实现滑动

实现滑动效果的方法 在JavaScript中实现滑动效果可以通过多种方式完成,以下是几种常见的实现方法: 使用CSS过渡和JavaScript触发 通过CSS定义过渡效果,JavaScript控制触…

js 实现全屏

js 实现全屏

使用 requestFullscreen 方法 通过调用元素的 requestFullscreen 方法可以实现全屏。该方法兼容现代浏览器,但不同浏览器可能需要前缀。 const element =…