js遍历数组和对象的常用方法有哪些

简介: js遍历数组和对象的常用方法有哪些

1.for循环

 for循环是一种最基本的遍历数组的方法,通过设定一个循环计数器,可以循环访问数组中的每一项,并对其进行处理。

for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

其中,i代表当前循环的索引位置,arr[i]表示数组中对应位置的元素。

2.forEach方法

 forEach方法是数组原型上的一个方法,可以遍历数组中的每一个元素,并且可以对其进行操作。

arr.forEach(function(item) {
  console.log(item);
});

其中item代表当前遍历到的元素,可以对其进行操作或处理。

3.for…in循环

 for…in循环是一种遍历对象中属性的方法,可以遍历对象中的所有属性(包括从原型链继承的属性),并且可以获得属性名。

for (let key in obj) {
  console.log(key, obj[key]);
}

其中key代表当前遍历到的属性名,obj[key]表示对象中对应属性名的属性值。

4.Object.keys方法

 Object.keys是一个方法,可以获取对象的所有属性名,并且返回一个数组,可以对这个数组进行遍历。

Object.keys(obj).forEach(function(key) {
  console.log(key, obj[key]);
});

其中key代表当前遍历到的属性名,obj[key]表示对象中对应属性名的属性值。

5.Object.values方法

 Object.values是一个方法,可以获取对象中的所有属性值,并且返回一个数组,可以对这个数组进行遍历。

Object.values(obj).forEach(function(value) {
  console.log(value);
});

其中value代表当前遍历到的属性值,可以对其进行操作或处理。

目录
相关文章
|
10月前
|
JavaScript Linux 内存技术
Debian 11系统下Node.js版本更新方法详解
本指南详细介绍在Linux系统中安装和管理Node.js的步骤。首先检查现有环境,包括查看当前版本和清除旧版本;接着通过NodeSource仓库安装最新版Node.js并验证安装结果。推荐使用nvm(Node Version Manager)进行多版本管理,便于切换和设置默认版本。同时,提供常见问题解决方法,如权限错误处理和全局模块迁移方案,以及版本回滚操作,确保用户能够灵活应对不同需求。
1158 0
|
10月前
|
JavaScript Linux 内存技术
Debian 11系统下Node.js版本更新方法
Debian 11更新Node.js主要就是这三种方式,无论你是初涉其中的新手还是找寻挑战的专家,总有一种方式能满足你的需求。现在,你已经是这个
1203 80
|
12月前
|
编解码 JavaScript 前端开发
【Java进阶】详解JavaScript的BOM(浏览器对象模型)
总的来说,BOM提供了一种方式来与浏览器进行交互。通过BOM,你可以操作窗口、获取URL、操作历史、访问HTML文档、获取浏览器信息和屏幕信息等。虽然BOM并没有正式的标准,但大多数现代浏览器都实现了相似的功能,因此,你可以放心地在你的JavaScript代码中使用BOM。
355 23
|
JavaScript 前端开发 Java
js 垃圾回收机制的方法
JS回收机制方法讲解
|
移动开发 运维 供应链
通过array.some()实现权限检查、表单验证、库存管理、内容审查和数据处理;js数组元素检查的方法,some()的使用详解,array.some与array.every的区别(附实际应用代码)
array.some()可以用来权限检查、表单验证、库存管理、内容审查和数据处理等数据校验工作,核心在于利用其短路机制,速度更快,节约性能。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
供应链 JavaScript 前端开发
通过array.every()实现数据验证、权限检查和一致性检查;js数组元素检查的方法,every()的使用详解,array.some与array.every的区别(附实际应用代码)
array.every()可以用来数据验证、权限检查、一致性检查等数据校验工作,核心在于利用其短路机制,速度更快,节约性能。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
396 2
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
307 1
JavaScript中的原型 保姆级文章一文搞懂
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
191 0