JavaScript中属性遍历的三种方法

简介: JavaScript中属性遍历的三种方法

JavaScript中属性遍历的三种方法分别是for...in循环、Object.keys()方法和Object.getOwnPropertyNames()方法。下面是对应的例子:

  1. for...in循环:
let obj = {name: "Alice", age: 25, gender: "Female"};
for(let prop in obj){
  console.log(prop + ": " + obj[prop]);
}

输出结果:

name: Alice
age: 25
gender: Female
  1. Object.keys()方法:
let obj = {name: "Alice", age: 25, gender: "Female"};
let props = Object.keys(obj);
for(let i = 0; i < props.length; i++){
  console.log(props[i] + ": " + obj[props[i]]);
}

输出结果:

name: Alice
age: 25
gender: Female
  1. Object.getOwnPropertyNames()方法:
let obj = {name: "Alice", age: 25, gender: "Female"};
let props = Object.getOwnPropertyNames(obj);
for(let i = 0; i < props.length; i++){
  console.log(props[i] + ": " + obj[props[i]]);
}

输出结果:

name: Alice
age: 25
gender: Female
相关文章
|
28天前
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
|
26天前
|
监控 JavaScript Java
Node.js中内存泄漏的检测方法
检测内存泄漏需要综合运用多种方法,并结合实际的应用场景和代码特点进行分析。及时发现和解决内存泄漏问题,可以提高应用的稳定性和性能,避免潜在的风险和故障。同时,不断学习和掌握内存管理的知识,也是有效预防内存泄漏的重要途径。
121 52
|
1月前
|
缓存 JavaScript UED
js中BOM中的方法
【10月更文挑战第31天】
|
27天前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
40 5
|
28天前
|
JavaScript 前端开发
js中的bind,call,apply方法的区别以及用法
JavaScript中,`bind`、`call`和`apply`均可改变函数的`this`指向并传递参数。其中,`bind`返回一个新函数,不立即执行;`call`和`apply`则立即执行,且`apply`的参数以数组形式传递。三者在改变`this`指向及传参上功能相似,但在执行时机和参数传递方式上有所区别。
26 1
|
1月前
|
JavaScript 前端开发
.js方法参数argument
【10月更文挑战第26天】`arguments` 对象为JavaScript函数提供了一种灵活处理参数的方式,能够满足各种不同的参数传递和处理需求,在实际开发中具有广泛的应用价值。
39 7
|
前端开发 JavaScript
第60天:js常用访问CSS属性的方法
一、 js 常用访问CSS 属性的方法 我们访问得到css 属性,比较常用的有两种:     1. 利用点语法        box.style.width      box.style.top          点语法可以得到 width  属性  和 top属性  带有单位的。
1173 0
|
JavaScript 前端开发
JS 数据属性 & 访问器属性
JS 数据属性 & 访问器属性 一个js对象(Object、Function)可以定义两种类型的属性:数据属性 或 访问器属性。
941 0
|
JavaScript 前端开发
JS中访问对象的属性
方式一: 对象名.属性名;   方式二: 对象名["属性名"];   注意:方式二中,属性名以字符串的形式出现在方括号中,这意味着通过方式二访问属性的话,可以实现“动态访问对象的属性”。
613 0